From 17dd669e1a7ce47c3e2994df6f64aa81d68812f2 Mon Sep 17 00:00:00 2001 From: chris <kokosias@yahoo.gr> Date: Tue, 25 Apr 2017 11:37:42 +0300 Subject: [PATCH] note icon --- .../SimpleEditor/elements/icons/comment.png | Bin 166 -> 0 bytes .../SimpleEditor/elements/icons/note.png | Bin 0 -> 271 bytes .../SimpleEditor/elements/note/note.scss | 17 ++++++++++++----- 3 files changed, 12 insertions(+), 5 deletions(-) delete mode 100644 app/components/SimpleEditor/elements/icons/comment.png create mode 100644 app/components/SimpleEditor/elements/icons/note.png diff --git a/app/components/SimpleEditor/elements/icons/comment.png b/app/components/SimpleEditor/elements/icons/comment.png deleted file mode 100644 index 7acc02982143c001900b6bb6f4734d09cdf8734c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 166 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA0wn)(8}b0DTu&FrkP61PXAg2ZD~h;WjP8wC zCYu=)A#nEJQU?2!iRK?TjW_RSe;>A*N9^O{`!*}D|MXO;jT3D4_|u%MEqX(y`w6pz zLBfFsMrJl1i5po9vKz%+*>kK|_c8W<>HNF`4ln$;Tq(c!pTHHX<DYf{EoSg^^>bP0 Hl+XkKHw!<1 diff --git a/app/components/SimpleEditor/elements/icons/note.png b/app/components/SimpleEditor/elements/icons/note.png new file mode 100644 index 0000000000000000000000000000000000000000..ae968ce8483c5d719dc7634f4caba7f427c6b468 GIT binary patch literal 271 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc0wmQNuC@UwrX+877l!}s{b%+Ad7K3vk;M!Q z+`=Ht$S`Y;1W=H@#M9T6{UM7ahrDR|$@KX^p#`2Ujv*T7pI$QLb95AOd)RLy)ETxV zYxRZhsS$0e8XH)oI$ctEg}5)Q5S2RmWMWU!ycQP!g~iKerkuNT$NKYURZ)Wr<)ZQP zuCG~p!oc9l<o%kV*AH?nYx<GMYP@R4zO~a%#7>g%R`2xu)3smN`0MT;KUMwtUak)| zX;KhVtXz_rJoCtkhbcLaVq$8}`Rgrtd+46W>NSC7+n)734KCgKw@<n-+2906#^Z9J PTNylE{an^LB{Ts5a2RJY literal 0 HcmV?d00001 diff --git a/app/components/SimpleEditor/elements/note/note.scss b/app/components/SimpleEditor/elements/note/note.scss index dbf475f..e363490 100644 --- a/app/components/SimpleEditor/elements/note/note.scss +++ b/app/components/SimpleEditor/elements/note/note.scss @@ -1,5 +1,5 @@ $gray: #eee; -$red: #591818; +$white: #fff; .sc-prose-editor { counter-reset: note; @@ -9,17 +9,24 @@ $red: #591818; } .sc-note { - color: $red; + background-image: url('./elements/icons/note.png'); display: block; - font-weight: bold; + height: 20px; + position: relative; + top: 8px; user-select: initial; + width: 20px; } .sc-note::after { - content: '['counter(note)']'; + bottom: 12px; + color: $white; + content: ''counter(note)''; counter-increment: note; font-size: 11px; font-style: italic; - font-weight: 400; + font-weight: normal; + left: 7px; + position: relative; } } -- GitLab