From 7802c7094a45b29208a9fda43a78d010312bc19e Mon Sep 17 00:00:00 2001
From: Donovan Glover <donovan@dglover.co>
Date: Tue, 27 Jun 2023 05:53:07 -0400
Subject: [PATCH] waybar: Add horizontal bar support

This commit leverages the power of Nix in order to easily create
variations of our waybar configuration on-demand.
---
 home/waybar.nix | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/home/waybar.nix b/home/waybar.nix
index 5dbb68a6..fe73528f 100644
--- a/home/waybar.nix
+++ b/home/waybar.nix
@@ -2,8 +2,9 @@
 
 let
   opacity = lib.strings.floatToString config.stylix.opacity.terminal;
-  position = "right";
+  position = "top";
   opposite = builtins.replaceStrings ["left" "right" "top" "bottom"] ["right" "left" "bottom" "top"] position;
+  isVertical = position == "left" || position == "right";
 in
 {
   programs.waybar = {
@@ -13,7 +14,8 @@ in
       mainBar = {
         layer = "top";
         position = position;
-        width = 45;
+        width = if isVertical then 45 else null;
+        height = if isVertical then null else 45;
         spacing = 8;
 
         modules-left = [ "wlr/workspaces" "custom/new-workspace" ];
@@ -26,7 +28,7 @@ in
         };
 
         "hyprland/window" = {
-          rotate = 90;
+          rotate = if isVertical then 90 else 0;
         };
 
         "wlr/workspaces" = {
@@ -61,7 +63,7 @@ in
         };
 
         clock = {
-          format = "{:%H\n%M}";
+          format = if isVertical then "{:%H\n%M}" else "{:%H:%M}";
           tooltip-format = "<tt>{calendar}</tt>";
           calendar = {
             mode = "month";
@@ -124,7 +126,7 @@ in
       }
 
       #workspaces button {
-        padding: 12px 0;
+        padding: ${if isVertical then "12px 0" else "0 12px"};
         border-radius: 0;
         border-bottom: 1px solid alpha(@base02, 0.5);
       }
@@ -138,8 +140,8 @@ in
       }
 
       #window {
-        padding-top: 8px;
-        padding-bottom: 12px;
+        padding-${if isVertical then "top" else "left"}: 8px;
+        padding-${if isVertical then "bottom" else "right"}: 12px;
       }
 
       tooltip, #tray menu {
@@ -155,15 +157,15 @@ in
 
       #custom-new-workspace {
         font-family: "Font Awesome 6 Free Solid";
-        padding-top: 8px;
-        padding-bottom: 8px;
+        padding-${if isVertical then "top" else "left"}: 8px;
+        padding-${if isVertical then "bottom" else "right"}: 8px;
         color: alpha(@base0A, 0.67);
       }
 
       #clock {
         font-size: 18px;
         font-weight: bold;
-        padding-bottom: 8px;
+        padding-${if isVertical then "bottom" else "right"}: 8px;
       }
     '';
   };