Regenerated

Droidnix/README.org

@@ -2877,8 +2877,7 @@ window#waybar {
 }
 
 /* --------------------------------------------------------- */
-/* MODULES CENTER --- all widgets min 80px by default */
-/* --------------------------------------------------------- */
+/* MODULES CENTER BASE */
 .modules-center > widget {
     min-width: 80px;
     color: @text;
@@ -2895,42 +2894,33 @@ window#waybar {
     margin-left: 5px;
 }
 
-.modules-center > widget label,
-.modules-center > label {
-    padding: 0 5px;
-    transition: padding 0.2s ease;
-}
-
-/* --- Anchors: shrink on hover, otherwise normal --- */
-#custom-windows,
+/* --- Group anchors default visible --- */
 #custom-hardware-anchor,
 #custom-connections-anchor {
-    min-width: 80px;
+    min-width: 80px;       /* groups always 80px wide when not hovered */
     padding: 0 5px;
     margin: 0 2px;
     opacity: 1;
-    transition: min-width 0.2s ease, opacity 0.2s ease, padding 0.2s ease;
+    transition: opacity 0.2s ease, min-width 0.2s ease, padding 0.2s ease;
 }
 
-/* Hover on the parent group → anchors shrink to zero */
+/* --- Hide anchors on hover of the group --- */
 #hardware:hover #custom-hardware-anchor,
 #connections:hover #custom-connections-anchor {
-    min-width: 0;
+    opacity: 0;            /* hide the symbol */
+    min-width: 0;          /* optional shrink */
     padding: 0;
     margin: 0;
-    opacity: 0;
 }
 
-#custom-windows.active:hover {
-    min-width: 0;
-    padding: 0;
-    margin: 0;
-    opacity: 0;
+/* Optional: keep the widget container at 80px even if the anchor shrinks */
+#hardware:hover,
+#connections:hover {
+    min-width: 80px;       /* prevents the group from collapsing entirely */
 }
 
 /* --------------------------------------------------------- */
 /* MODULES RIGHT --- min-width 80px for visible widgets */
-/* --------------------------------------------------------- */
 .modules-right > widget {
     min-width: 80px;
     color: @text;
@@ -2954,7 +2944,6 @@ window#waybar {
 
 /* --------------------------------------------------------- */
 /* SLIDERS / SPECIAL MODULES */
-/* --------------------------------------------------------- */
 #pulseaudio-slider {
     padding: 0;
     margin: 0;
@@ -2983,7 +2972,6 @@ window#waybar {
 
 /* --------------------------------------------------------- */
 /* STATES / SPECIALS */
-/* --------------------------------------------------------- */
 #idle_inhibitor.activated {
     background: linear-gradient(45deg, @blue, @green);
     border: 2px solid transparent;