💄 chore(style, widget): update styles for gtk4 and fix some issues on existing widgets

focused-client widget now updates when your open a new window in a clean workspace
2025-07-18 09:55:16 -03:00
parent 26778e91ab
commit 07d30747bf
7 changed files with 80 additions and 72 deletions
@@ -200,26 +200,33 @@ tooltip > box {
  }
 }

-popover {
-  padding: 4px;
+popover.menu {
  background: wal.$background;
  border-radius: 14px;
-  & contents {
-    & * {
-      padding: 2px 4px;
-      border-radius: 10px;
-      font-size: 12px;
-      font-weight: 600;
-                                 
-      &:hover, &:focus {
-        background: wal.$color1;
-      }
-    }
+  $padding: 4px;

-    & separator {
-      all: unset;
-      margin: 0 4px;
-      color: wal.$background;
+  & contents {
+    & viewport > stack > * {
+      padding: 4px;
+      padding-top: 0;
+
+      & > * > * {
+        & > separator {
+          min-height: .5px;
+          margin: 3px 2px;
+          background: rgba(colors.$fg-disabled, .1);
+        }
+        & > *:not(separator) > * {
+          padding: 6px;
+          border-radius: 10px;
+          font-size: 12px;
+          font-weight: 600;
+                                     
+          &:hover, &:focus {
+            background: wal.$color1;
+          }
+        }
+      }
    }
  }
 }