Jelajahi Sumber

enhance(ui): polish ui of code block

charlie 3 tahun lalu
induk
melakukan
b3aa77c4be
1 mengubah file dengan 15 tambahan dan 0 penghapusan
  1. 15 0
      src/main/frontend/extensions/code.css

+ 15 - 0
src/main/frontend/extensions/code.css

@@ -19,6 +19,16 @@
     /* margin-top: 4px; */
     z-index: 9999;
     display: none;
+    font-size: 10px;
+    padding: 4px 6px;
+    line-height: 1em;
+    opacity: .8;
+
+    &:hover {
+      cursor: pointer;
+      opacity: 1;
+      user-select: none;
+    }
   }
 
   &-calc {
@@ -47,6 +57,11 @@
   border-radius: 2px;
   line-height: 1.45em;
 
+  &-scroll {
+    padding-top: 14px;
+    padding-bottom: 56px;
+  }
+
   &:not(.CodeMirror-focused) {
     .CodeMirror-activeline-background {
       background: unset !important;