Change the style of navigation icon with reminder

Increase border radius of icon without reminder to 2px
Lokiedu · Nov 6, 2017 · 74dbce1 · 74dbce1
1 parent c3c1401
commit 74dbce1
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/less/blocks/navigation.less b/src/less/blocks/navigation.less
@@ -95,7 +95,7 @@
     flex-shrink: 0;
     width: 42px;
     height: 42px;
-    border-radius: 1px;
+    border-radius: 2px;
     color: #8e8e8e;
     background-color: @color-lightgrey;
 
@@ -106,13 +106,18 @@
     }
 
     &--remind {
+      border-radius: 0px;
+
       &::before {
-        content: '';
         position: absolute;
         top: 0;
         bottom: 0;
-        left: 0;
-        width: 3px;
+        left: -4px;
+        width: 4px;
+        border-bottom-left-radius: 2px;
+        border-top-left-radius: 2px;
+
+        content: '';
       }
     }
   }