1
0
mirror of https://github.com/mattermost/focalboard.git synced 2024-11-27 08:31:20 +02:00

Fix color menu css

This commit is contained in:
Chen-I Lim 2020-10-20 18:59:51 -07:00
parent 27f8e77033
commit 627f44cb50

View File

@ -70,7 +70,7 @@ class ColorOption extends React.Component<ColorOptionProps> {
className='MenuOption ColorOption menu-option' className='MenuOption ColorOption menu-option'
onClick={this.handleOnClick} onClick={this.handleOnClick}
> >
<div className='name'>{name}</div> <div className='menu-name'>{name}</div>
{icon && <div className={'icon ' + icon}/>} {icon && <div className={'icon ' + icon}/>}
<div className={`menu-colorbox ${id}`}/> <div className={`menu-colorbox ${id}`}/>
</div> </div>
@ -91,7 +91,7 @@ class SwitchOption extends React.Component<SwitchOptionProps> {
const {name, icon, isOn} = this.props const {name, icon, isOn} = this.props
return ( return (
<div className='MenuOption SwitchOption menu-option'> <div className='MenuOption SwitchOption menu-option'>
<div className='name'>{name}</div> <div className='menu-name'>{name}</div>
{icon && <div className={`icon ${icon}`}/>} {icon && <div className={`icon ${icon}`}/>}
<div className={isOn ? 'octo-switch on' : 'octo-switch'}> <div className={isOn ? 'octo-switch on' : 'octo-switch'}>
<div <div
@ -119,7 +119,7 @@ class TextOption extends React.Component<TextOptionProps> {
className='MenuOption TextOption menu-option' className='MenuOption TextOption menu-option'
onClick={this.handleOnClick} onClick={this.handleOnClick}
> >
<div className='name'>{name}</div> <div className='menu-name'>{name}</div>
{icon && <div className={`icon ${icon}`}/>} {icon && <div className={`icon ${icon}`}/>}
</div> </div>
) )