improved style for snippet list

2025-12-13 17:56:25 +00:00 · 2018-04-19 19:05:46 +07:00
parent 50d2f90621
commit d3b3e45800
4 changed files with 59 additions and 12 deletions
--- a/browser/main/modals/PreferencesModal/SnippetTab.styl
+++ b/browser/main/modals/PreferencesModal/SnippetTab.styl
@@ -91,10 +91,20 @@
  .snippet-item
    width 100%
    height 50px
-    font-size 20px
+    font-size 15px
    line-height 50px
-    padding 0 10px
+    padding 0 5%
    cursor pointer
+    position relative
+
+    &::after
+      width 90%
+      height 1px
+      background rgba(0, 0, 0, 0.1)
+      position absolute
+      top 100%
+      left 5%
+      content ''

    &:hover
      background darken(#f5f5f5, 5)