public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

smaller storage name

Browse Source
This commit is contained in:
Dick Choi
2016-07-15 10:21:34 +09:00
parent 8452a95114
commit 0ccfd36a83
4 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
browser/main/Detail/FolderSelect.js
View File

@@ -213,7 +213,8 @@ class FolderSelect extends React.Component {
<span styleName='search-optionList-item-name' <span styleName='search-optionList-item-name'
style={{borderColor: option.folder.color}} style={{borderColor: option.folder.color}}
> >
{option.storage.name}/{option.folder.name} {option.folder.name}
<span styleName='search-optionList-item-name-surfix'>in {option.storage.name}</span>
</span> </span>
</div> </div>
) )
@@ -258,7 +259,8 @@ class FolderSelect extends React.Component {
<span styleName='idle-label-name' <span styleName='idle-label-name'
style={{borderColor: currentOption.folder.color}} style={{borderColor: currentOption.folder.color}}
> >
{currentOption.storage.name}/{currentOption.folder.name} {currentOption.folder.name}
<span styleName='idle-label-name-surfix'>in {currentOption.storage.name}</span>
</span> </span>
</div> </div>
<i styleName='idle-caret' className='fa fa-fw fa-caret-down'/> <i styleName='idle-caret' className='fa fa-fw fa-caret-down'/>

9
browser/main/Detail/FolderSelect.styl
View File

@@ -30,7 +30,10 @@
.idle-label-name .idle-label-name
border-left solid 4px transparent border-left solid 4px transparent
padding 2px 5px padding 2px 5px
.idle-label-name-surfix
font-size 10px
color $ui-inactive-text-color
margin-left 5px
.idle-caret .idle-caret
absolute right top absolute right top
height 34px height 34px
@@ -79,3 +82,7 @@
.search-optionList-item-name .search-optionList-item-name
border-left solid 4px transparent border-left solid 4px transparent
padding 2px 5px padding 2px 5px
.search-optionList-item-name-surfix
font-size 10px
color $ui-inactive-text-color
margin-left 5px

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

@@ -42,7 +42,11 @@
.item-info-left-folder .item-info-left-folder
border-left 4px solid transparent border-left 4px solid transparent
padding 2px 5px padding 2px 5px
color $ui-text-color
.item-info-left-folder-surfix
font-size 10px
margin-left 5px
color $ui-inactive-text-color
.item-info-right .item-info-right
float right float right

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

@@ -213,7 +213,7 @@ class NoteList extends React.Component {
this.notes = notes this.notes = notes
// this.notes = this.getNotes() // this.notes = this.getNotes()
let noteElements = notes let noteList = notes
.sort((a, b) => new Date(b.updatedAt) - new Date(a.updatedAt)) .sort((a, b) => new Date(b.updatedAt) - new Date(a.updatedAt))
.map((note) => { .map((note) => {
let storage = _.find(storages, {key: note.storage}) let storage = _.find(storages, {key: note.storage})
@@ -244,7 +244,8 @@ class NoteList extends React.Component {
<span styleName='item-info-left-folder' <span styleName='item-info-left-folder'
style={{borderColor: folder.color}} style={{borderColor: folder.color}}
> >
{storage.name}/{folder.name} {folder.name}
<span styleName='item-info-left-folder-surfix'>in {storage.name}</span>
</span> </span>
</div> </div>
@@ -277,7 +278,7 @@ class NoteList extends React.Component {
onKeyDown={(e) => this.handleNoteListKeyDown(e)} onKeyDown={(e) => this.handleNoteListKeyDown(e)}
style={this.props.style} style={this.props.style}
> >
{noteElements} {noteList}
</div> </div>
) )
} }