Waybar : Add groups.

home/config/waybar/config/default.nix

@@ -3,8 +3,7 @@
 in {
 	file = (pkgs.formats.json {}).generate "WaybarConfig" {
 		height       = 34;
-		layer        = "top";
+		layer        = "top"; margin-left  = config.style.window.gap;
-		margin-left  = config.style.window.gap;
 		margin-right = config.style.window.gap;
 		margin-top   = config.style.window.gap;
 		mode         = "dock";
@@ -28,12 +27,8 @@ in {
 		modules-right = [
 			"sway/language"
 			"pulseaudio"
-			"battery"
+			"group/batteryinfo"
-			"custom/powerlimit"
+			"group/hardware"
-			"cpu"
-			"temperature"
-			"memory"
-			"custom/powersave"
 			"custom/display"
 			"tray"
 		];
@@ -78,6 +73,15 @@ in {
 			on-click-right  = "powerlimit toggle";
 			interval        = refreshInterval;
 		};
+		"custom/powerlimit" = {
+			exec           = "powerlimit widget";
+			on-click-right = "powerlimit toggle";
+			signal         = 6;
+		};
+		"group/batteryinfo" = {
+			orientation = "horizontal";
+			modules     = [ "battery" "custom/powerlimit" ];
+		};
 		pulseaudio = {
 			scroll-step  = 5;
 			format       = "{volume}%{icon}{format_source}";
@@ -128,6 +132,16 @@ in {
 			on-click-right     = "powersave toggle";
 			tooltip            = false;
 		};
+		"custom/powersave" = {
+			exec           = "powersave widget";
+			on-click       = "foot -e bash -c btop";
+			on-click-right = "powersave toggle";
+			signal         = 5;
+		};
+		"group/hardware" = {
+			orientation = "horizontal";
+			modules     = [ "cpu" "memory" "temperature" "custom/powersave" ];
+		};
 		"custom/display" = {
 			exec            = "swayscript displaywidget";
 			on-click        = "sleep 0.1 && swayscript dnd"; # HACK: https://github.com/Alexays/Waybar/issues/2166 & https://github.com/Alexays/Waybar/issues/1968
@@ -136,16 +150,5 @@ in {
 			return-type     = "json";
 			signal          = 4;
 		};
-		"custom/powersave" = {
-			exec           = "powersave widget";
-			on-click       = "foot -e bash -c btop";
-			on-click-right = "powersave toggle";
-			signal         = 5;
-		};
-		"custom/powerlimit" = {
-			exec           = "powerlimit widget";
-			on-click-right = "powerlimit toggle";
-			signal         = 6;
-		};
 	};
 }

home/config/waybar/style/Plugin.nix

@@ -2,61 +2,42 @@
 	paddingV = "0";
 	paddingH = "12px";
 in {
+	# ISSUE: https://github.com/Alexays/Waybar/issues/3303
 	text = ''
-		#pulseaudio,
+		#batteryinfo,
-		#mpris,
-		#battery,
-		#custom-display,
-		#custom-powersave,
-		#custom-powerlimit,
-		#tray,
-		#temperature,
-		#memory,
-		#cpu,
 		#clock,
+		#custom-display,
+		#hardware,
+		#language,
+		#mpris,
+		#pulseaudio,
 		#scratchpad,
-		#language {
+		#tray {
 			padding: ${paddingV} ${paddingH};
 			border-top: ${toString config.style.window.border}px solid transparent;
 			border-bottom: ${toString config.style.window.border}px solid transparent;
 		}
 
-		#cpu {
-			padding-right: 0;
-		}
-
-		#temperature {
-			padding-left: 0;
-			padding-right: 0;
-		}
-
-		#memory {
-			padding-left: 0;
-		}
-
-		#custom-powersave,
-		#custom-powerlimit {
-			margin-left: -${paddingH};
-			padding-left: 0;
-		}
-
 		#clock {
 			font-weight: bold;
 		}
 
-		#battery:hover,
+		#custom-powerlimit,
+		#custom-powersave,
+		#memory,
+		#temperature {
+			padding-left: 4px;
+		}
+
+		#batteryinfo:hover,
 		#clock:hover,
-		#cpu:hover,
 		#custom-display:hover,
-		#custom-powerlimit:hover,
+		#hardware:hover,
-		#custom-powersave:hover,
 		#language:hover,
-		#memory:hover,
 		#mpris:hover,
 		#pulseaudio:hover,
-		#temperature:hover,
-		#tray:hover,
 		#scratchpad:hover,
+		#tray:hover,
 		#workspaces button:hover {
 			background-color: rgba(${config.style.color.border-r},${config.style.color.border-g},${config.style.color.border-b},${toString config.style.opacity.desktop});
 		}