Sfoglia il codice sorgente

Update group widget styling

Svilen Markov 10 mesi fa
parent
commit
16a9d8c244
2 ha cambiato i file con 6 aggiunte e 7 eliminazioni
  1. BIN
      docs/images/group-widget-preview.png
  2. 6 7
      internal/assets/static/main.css

BIN
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 {