luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixed the icons in the board headers

Browse source
This commit is contained in:
Jesús Espino 2020-11-02 11:17:50 +01:00
parent a71f7d6b13
commit f0f455c61d
2 changed files with 18 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
webapp/src/components/boardComponent.scss
View file

@ -32,6 +32,13 @@
> div {
margin-right: 5px;
}
.IconButton{
background-color: unset;
&:hover {
background-color: rgba(var(--main-fg), 0.1);
}
}
}

23
webapp/src/components/boardComponent.tsx
View file

@ -20,6 +20,7 @@ import HideIcon from '../widgets/icons/hide'
import ShowIcon from '../widgets/icons/show'
import DeleteIcon from '../widgets/icons/delete'
import Button from '../widgets/buttons/button'
import IconButton from '../widgets/buttons/iconButton'
import BoardCard from './boardCard'
import {BoardColumn} from './boardColumn'
@ -308,7 +309,7 @@ class BoardComponent extends React.Component<Props, State> {
<Button>{`${group.cards.length}`}</Button>
<div className='octo-spacer'/>
<MenuWrapper>
<Button><OptionsIcon/></Button>
<IconButton icon={<OptionsIcon/>}/>
<Menu>
<Menu.Text
id='hide'
@ -318,11 +319,10 @@ class BoardComponent extends React.Component<Props, State> {
/>
</Menu>
</MenuWrapper>
<Button
onClick={() => {
this.addCard(undefined)
}}
><AddIcon/></Button>
<IconButton
icon={<AddIcon/>}
onClick={() => this.addCard(undefined)}
/>
</div>
)
}
@ -372,7 +372,7 @@ class BoardComponent extends React.Component<Props, State> {
<Button>{`${group.cards.length}`}</Button>
<div className='octo-spacer'/>
<MenuWrapper>
<Button><OptionsIcon/></Button>
<IconButton icon={<OptionsIcon/>}/>
<Menu>
<Menu.Text
id='hide'
@ -397,11 +397,10 @@ class BoardComponent extends React.Component<Props, State> {
)}
</Menu>
</MenuWrapper>
<Button
onClick={() => {
this.addCard(group.option.id)
}}
><AddIcon/></Button>
<IconButton
icon={<AddIcon/>}
onClick={() => this.addCard(group.option.id)}
/>
</div>
)
}