mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-21 05:02:39 +00:00
improve simple styling on theme selector. nest inside toggle.
This commit is contained in:
@@ -176,8 +176,9 @@ const Snippetbar = createClass({
|
||||
<div className={`editorTool editorTheme ${this.state.themeSelector ? 'active' : ''}`}
|
||||
onClick={this.toggleThemeSelector} >
|
||||
<i className='fas fa-palette' />
|
||||
</div>
|
||||
{this.state.themeSelector && this.renderThemeSelector()}
|
||||
</div>
|
||||
|
||||
<div className='divider'></div>
|
||||
<div className={cx('text', { selected: this.props.view === 'text' })}
|
||||
onClick={()=>this.props.onViewChange('text')}>
|
||||
|
||||
@@ -66,6 +66,7 @@
|
||||
font-size : 0.75em;
|
||||
color : black;
|
||||
&.active {
|
||||
position : relative;
|
||||
color : white;
|
||||
background-color : black;
|
||||
}
|
||||
@@ -80,12 +81,15 @@
|
||||
}
|
||||
.themeSelector {
|
||||
position : absolute;
|
||||
left: -65px;
|
||||
top: 30px;
|
||||
z-index: 999;
|
||||
top : 25px;
|
||||
right : 0;
|
||||
z-index : 1;
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content : center;
|
||||
width : 170px;
|
||||
background-color: black;
|
||||
border-radius: 5px;
|
||||
height : inherit;
|
||||
background-color : inherit;
|
||||
}
|
||||
}
|
||||
.snippetBarButton{
|
||||
|
||||
Reference in New Issue
Block a user