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