LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
* feat: add padding option for inactive workspace number

* chore: reorder options to gather padding related options

---------

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>
This commit is contained in:
Keon Lee
2025-01-16 07:12:21 +00:00
committed by GitHub
parent d49ae7d11d
commit 88609f7e4c
4 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
nix/module.nix
View File

@@ -500,6 +500,7 @@ in
theme.bar.buttons.workspaces.fontSize = mkStrOption "1.2em"; 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_border = mkStrOption "0.2em";
theme.bar.buttons.workspaces.numbered_active_highlight_padding = 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.active_width = mkStrOption "12em";
theme.bar.buttons.workspaces.pill.height = mkStrOption "4em"; theme.bar.buttons.workspaces.pill.height = mkStrOption "4em";
theme.bar.buttons.workspaces.pill.radius = mkStrOption "1.9rem * 0.6"; theme.bar.buttons.workspaces.pill.radius = mkStrOption "1.9rem * 0.6";

6
src/components/settings/pages/config/bar/index.tsx
View File

@@ -205,6 +205,12 @@ export const BarSettings = (): JSX.Element => {
subtitle="Only applicable if Workspace Numbers are enabled" subtitle="Only applicable if Workspace Numbers are enabled"
type="string" 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 <Option
opt={options.theme.bar.buttons.workspaces.pill.radius} opt={options.theme.bar.buttons.workspaces.pill.radius}
title="Pill Radius" title="Pill Radius"

1
src/options.ts
View File

@@ -210,6 +210,7 @@ const options = mkOptions(CONFIG, {
hover: opt(colors.pink), hover: opt(colors.pink),
numbered_active_highlight_border: opt('0.2em'), numbered_active_highlight_border: opt('0.2em'),
numbered_active_highlight_padding: 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_highlighted_text_color: opt(colors.mantle),
numbered_active_underline_color: opt(colors.pink), numbered_active_underline_color: opt(colors.pink),
spacing: opt('0.5em'), spacing: opt('0.5em'),

2
src/scss/style/bar/workspace.scss
View File

@@ -37,7 +37,7 @@
min-height: 0em; min-height: 0em;
border-radius: 0em; border-radius: 0em;
transition: 0ms; transition: 0ms;
padding: 0em 0.2em; padding: 0em $bar-buttons-workspaces-numbered_inactive_padding;
font-size: $bar-buttons-workspaces-fontSize; font-size: $bar-buttons-workspaces-fontSize;
} }