瀏覽代碼

Update group widget styling

Svilen Markov 11 月之前
父節點
當前提交
16a9d8c244
共有 2 個文件被更改,包括 6 次插入7 次删除
  1. 二進制
      docs/images/group-widget-preview.png
  2. 6 7
      internal/assets/static/main.css

二進制
docs/images/group-widget-preview.png


+ 6 - 7
internal/assets/static/main.css

@@ -210,23 +210,22 @@
     background: none;
     font: inherit;
     border: none;
-    color: inherit;
     text-transform: uppercase;
-    border-bottom: 1px solid transparent;
+    border-bottom: 1px dotted transparent;
     cursor: pointer;
     flex-shrink: 0;
-    padding-bottom: 0.1rem;
     transition: color .3s, border-color .3s;
+    color: var(--color-text-subdue);
+    line-height: calc(1.6em - 1px);
 }
 
 .widget-group-title:hover:not(.widget-group-title-current) {
-    border-bottom-color: var(--color-text-subdue);
-    color: var(--color-text-highlight);
+    color: var(--color-text-base);
 }
 
 .widget-group-title-current {
-    border-bottom-color: var(--color-primary);
-    color: var(--color-text-highlight);
+    border-bottom-color: var(--color-text-base-muted);
+    color: var(--color-text-base);
 }
 
 .widget-group-content {