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