diff --git a/browser/main/NoteList/NoteItem.js b/browser/main/NoteList/NoteItem.js index df1bded5..a165bd16 100644 --- a/browser/main/NoteList/NoteItem.js +++ b/browser/main/NoteList/NoteItem.js @@ -70,6 +70,11 @@ const NoteItem = ({ isActive, note, dateDisplay, handleNoteClick, handleNoteCont + {note.type === 'SNIPPET_NOTE' + ? + : + } + {note.isStarred ? : '' } @@ -83,6 +88,7 @@ NoteItem.propTypes = { note: PropTypes.shape({ storage: PropTypes.string.isRequired, key: PropTypes.string.isRequired, + type: PropTypes.string.isRequired, title: PropTypes.string.isrequired, tags: PropTypes.array, isStarred: PropTypes.bool.isRequired, diff --git a/browser/main/NoteList/NoteItem.styl b/browser/main/NoteList/NoteItem.styl index a07670de..b0f28f6b 100644 --- a/browser/main/NoteList/NoteItem.styl +++ b/browser/main/NoteList/NoteItem.styl @@ -21,6 +21,7 @@ $control-height = 30px .item-title-empty .item-bottom-tagList-empty .item-bottom-time + .item-title-icon color white .item-bottom-tagList-item background-color transparent @@ -38,6 +39,7 @@ $control-height = 30px .item-title-empty .item-bottom-tagList-empty .item-bottom-time + .item-title-icon color white .item-bottom-tagList-item background-color transparent @@ -55,6 +57,13 @@ $control-height = 30px overflow ellipsis color $ui-text-color +.item-title-icon + position absolute + top 20px + right 25px + font-size 14px + color $ui-inactive-text-color + .item-title-empty font-weight normal color $ui-inactive-text-color @@ -98,7 +107,7 @@ $control-height = 30px .item-star position absolute top 20px - right 20px + right 29px width 34px height 34px color $ui-favorite-star-button-color @@ -139,6 +148,9 @@ body[data-theme="dark"] .item-title color $ui-dark-text-color + .item-title-icon + color $ui-darkinactive-text-color + .item-title-empty color $ui-dark-inactive-text-color