diff --git a/browser/main/NoteList/NoteItemSimple.js b/browser/main/NoteList/NoteItemSimple.js index 2696ccd4..503e4171 100644 --- a/browser/main/NoteList/NoteItemSimple.js +++ b/browser/main/NoteList/NoteItemSimple.js @@ -22,6 +22,10 @@ const NoteItemSimple = ({ isActive, note, handleNoteClick, handleNoteContextMenu onContextMenu={e => handleNoteContextMenu(e, `${note.storage}-${note.key}`)} >
+ {note.type === 'SNIPPET_NOTE' + ? + : + } {note.title.trim().length > 0 ? note.title : Empty @@ -35,6 +39,7 @@ NoteItemSimple.propTypes = { note: PropTypes.shape({ storage: PropTypes.string.isRequired, key: PropTypes.string.isRequired, + type: PropTypes.string.isRequired, title: PropTypes.string.isrequired, }), handleNoteClick: PropTypes.func.isRequired, diff --git a/browser/main/NoteList/NoteItemSimple.styl b/browser/main/NoteList/NoteItemSimple.styl index f6bae95e..ead8890d 100644 --- a/browser/main/NoteList/NoteItemSimple.styl +++ b/browser/main/NoteList/NoteItemSimple.styl @@ -17,11 +17,15 @@ $control-height = 30px &:active background-color $ui-active-color color white + .item-simple-title-icon + color white .item-simple--active @extend .item-simple background-color $ui-active-color color white + .item-simple-title-icon + color white &:hover background-color $ui-active-color @@ -35,6 +39,11 @@ $control-height = 30px color $ui-text-color border-bottom $ui-border +.item-simple-title-icon + font-size 12px + color $ui-inactive-text-color + padding-right 6px + .item-simple-title-empty font-weight normal color $ui-inactive-text-color @@ -65,5 +74,8 @@ body[data-theme="dark"] color $ui-dark-text-color border-color $ui-dark-borderColor + .item-simple-title-icon + color $ui-darkinactive-text-color + .item-simple-title-empty color $ui-dark-inactive-text-color