feat: add padding option for inactive workspace numbers (#702)

* feat: add padding option for inactive workspace number * chore: reorder options to gather padding related options --------- Co-authored-by: Jas Singh <[email protected]>
Jas-SinghFSU · Jan 16, 2025 · 88609f7 · 88609f7
1 parent d49ae7d
commit 88609f7
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/nix/module.nix b/nix/module.nix
@@ -500,6 +500,7 @@ in
       theme.bar.buttons.workspaces.fontSize = mkStrOption "1.2em";
       theme.bar.buttons.workspaces.numbered_active_highlight_border = mkStrOption "0.2em";
       theme.bar.buttons.workspaces.numbered_active_highlight_padding = mkStrOption "0.2em";
+      theme.bar.buttons.workspaces.numbered_inactive_padding = mkStrOption "0.2em";
       theme.bar.buttons.workspaces.pill.active_width = mkStrOption "12em";
       theme.bar.buttons.workspaces.pill.height = mkStrOption "4em";
       theme.bar.buttons.workspaces.pill.radius = mkStrOption "1.9rem * 0.6";

diff --git a/src/components/settings/pages/config/bar/index.tsx b/src/components/settings/pages/config/bar/index.tsx
@@ -205,6 +205,12 @@ export const BarSettings = (): JSX.Element => {
                     subtitle="Only applicable if Workspace Numbers are enabled"
                     type="string"
                 />
+                <Option
+                    opt={options.theme.bar.buttons.workspaces.numbered_inactive_padding}
+                    title="Inactive Padding"
+                    subtitle="Only applicable if Workspace Numbers are enabled"
+                    type="string"
+                />
                 <Option
                     opt={options.theme.bar.buttons.workspaces.pill.radius}
                     title="Pill Radius"

diff --git a/src/options.ts b/src/options.ts
@@ -210,6 +210,7 @@ const options = mkOptions(CONFIG, {
                     hover: opt(colors.pink),
                     numbered_active_highlight_border: opt('0.2em'),
                     numbered_active_highlight_padding: opt('0.2em'),
+                    numbered_inactive_padding: opt('0.2em'),
                     numbered_active_highlighted_text_color: opt(colors.mantle),
                     numbered_active_underline_color: opt(colors.pink),
                     spacing: opt('0.5em'),

diff --git a/src/scss/style/bar/workspace.scss b/src/scss/style/bar/workspace.scss
@@ -37,7 +37,7 @@
             min-height: 0em;
             border-radius: 0em;
             transition: 0ms;
-            padding: 0em 0.2em;
+            padding: 0em $bar-buttons-workspaces-numbered_inactive_padding;
             font-size: $bar-buttons-workspaces-fontSize;
         }