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

Fix layout

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-07-08 02:18:33 +09:00
parent bdefaf7427
commit b78d9534aa
11 changed files with 45 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,7 +17,7 @@ $control-height = 30px
.control-sortBy
flex 1
padding-left 25px
padding-left 22px
.control-sortBy-select
appearance: none;
@@ -28,11 +28,14 @@ $control-height = 30px
background-color transparent
outline none
cursor pointer
font-size 10px
font-size 11px
&:hover
transition 0.2s
color $ui-text-color
.control-button-area
margin-right 12px
.control-button
width 25px
padding 0

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

@@ -439,22 +439,24 @@ class NoteList extends React.Component {
<option value='ALPHABETICAL'>Alphabetical</option>
</select>
</div>
<button styleName={config.listStyle === 'DEFAULT'
? 'control-button--active'
: 'control-button'
}
onClick={(e) => this.handleListStyleButtonClick(e, 'DEFAULT')}
>
<i className='fa fa-th-large' />
</button>
<button styleName={config.listStyle === 'SMALL'
? 'control-button--active'
: 'control-button'
}
onClick={(e) => this.handleListStyleButtonClick(e, 'SMALL')}
>
<i className='fa fa-list-ul' />
</button>
<div styleName="control-button-area">
<button styleName={config.listStyle === 'DEFAULT'
? 'control-button--active'
: 'control-button'
}
onClick={(e) => this.handleListStyleButtonClick(e, 'DEFAULT')}
>
<i className='fa fa-th-large' />
</button>
<button styleName={config.listStyle === 'SMALL'
? 'control-button--active'
: 'control-button'
}
onClick={(e) => this.handleListStyleButtonClick(e, 'SMALL')}
>
<i className='fa fa-list-ul' />
</button>
</div>
</div>
<div styleName='list'
ref='list'