public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-14 02:06:29 +00:00
Code Issues Releases Wiki Activity

modify: Fix the sort-by-btn layout

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-21 14:20:21 +09:00
parent b22aad0678
commit de303cf072
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
browser/main/NoteList/NoteList.styl
View File

@@ -20,8 +20,8 @@ $control-height = 30px
padding-left 25px padding-left 25px
.control-sortBy-select .control-sortBy-select
margin-left 0 appearance: none;
font-size 12px margin-left 3px
color $ui-inactive-text-color color $ui-inactive-text-color
padding 0 padding 0
border none border none
@@ -58,13 +58,14 @@ body[data-theme="dark"]
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
background-color $ui-dark-noteList-backgroundColor background-color $ui-dark-noteList-backgroundColor
.control
background-color $ui-dark-noteList-backgroundColor
.control .control
background-color $ui-dark-noteList-backgroundColor background-color $ui-dark-noteList-backgroundColor
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
.control-sortBy-select
&:hover
background-color white
.control-button .control-button
color $ui-dark-inactive-text-color color $ui-dark-inactive-text-color
&:hover &:hover

2
browser/main/NoteList/index.js
View File

@@ -404,7 +404,7 @@ class NoteList extends React.Component {
> >
<div styleName='control'> <div styleName='control'>
<div styleName='control-sortBy'> <div styleName='control-sortBy'>
Sort by <i className='fa fa-bolt' />
<select styleName='control-sortBy-select' <select styleName='control-sortBy-select'
value={config.sortBy} value={config.sortBy}
onChange={(e) => this.handleSortByChange(e)} onChange={(e) => this.handleSortByChange(e)}