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

update design of Note List

Browse Source 
add list style
remove folder info
enhance design
This commit is contained in:
Dick Choi
2016-10-12 20:02:50 +09:00
parent 823da07a5e
commit 6e0def310f
7 changed files with 348 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
browser/finder/NoteItem.js
View File

@@ -22,7 +22,7 @@ class NoteItem extends React.Component {
let tagList = _.isArray(note.tags)
? note.tags.map((tag) => {
return (
<span styleName='item-tagList-item'
<span styleName='bottom-tagList-item'
key={tag}>
{tag}
</span>
@@ -37,9 +37,7 @@ class NoteItem extends React.Component {
key={note.storage + '-' + note.key}
onClick={(e) => this.handleClick(e)}
>
<div styleName='border'/>
<div styleName='info'>
<div styleName='info-left'>
<span styleName='info-left-folder'
style={{borderColor: folder.color}}
@@ -48,11 +46,6 @@ class NoteItem extends React.Component {
<span styleName='info-left-folder-surfix'>in {storage.name}</span>
</span>
</div>
<div styleName='info-right'>
{moment(note.updatedAt).fromNow()}
</div>
</div>
<div styleName='title'>
@@ -66,14 +59,20 @@ class NoteItem extends React.Component {
}
</div>
<div styleName='tagList'>
<i styleName='tagList-icon'
<div styleName='bottom'>
<i styleName='bottom-tagIcon'
className='fa fa-tags fa-fw'
/>
{tagList.length > 0
? tagList
: <span styleName='tagList-empty'>Not tagged yet</span>
}
<div styleName='bottom-tagList'>
{tagList.length > 0
? tagList
: <span styleName='bottom-tagList-empty'>Not tagged yet</span>
}
</div>
<div styleName='bottom-time'>
{moment(note.updatedAt).fromNow()}
</div>
</div>
</div>
)