public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +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
.control-sortBy-select
margin-left 0
font-size 12px
appearance: none;
margin-left 3px
color $ui-inactive-text-color
padding 0
border none
@@ -58,13 +58,14 @@ body[data-theme="dark"]
border-color $ui-dark-borderColor
background-color $ui-dark-noteList-backgroundColor
.control
background-color $ui-dark-noteList-backgroundColor
.control
background-color $ui-dark-noteList-backgroundColor
border-color $ui-dark-borderColor
.control-sortBy-select
&:hover
background-color white
.control-button
color $ui-dark-inactive-text-color
&:hover

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

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