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

Added the ability to configure the inner content border multiplier of bar buttons. (#462)

Browse Source
This commit is contained in:
Jas Singh
2024-11-08 20:00:45 -08:00
committed by GitHub
parent bc96dff485
commit 2e64f7738f
11 changed files with 43 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
scss/style/bar/audio.scss
View File

@@ -19,12 +19,12 @@
padding-right: $bar-buttons-volume-spacing;
border-top-left-radius: if(
$bar-buttons-volume-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-left-radius: if(
$bar-buttons-volume-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-volume-icon);
@@ -40,12 +40,12 @@
.bar-button-icon.volume {
border-top-right-radius: if(
$bar-buttons-volume-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-right-radius: if(
$bar-buttons-volume-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
}

8
scss/style/bar/battery.scss
View File

@@ -17,12 +17,12 @@
padding-right: $bar-buttons-battery-spacing;
border-top-left-radius: if(
$bar-buttons-battery-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-left-radius: if(
$bar-buttons-battery-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
@@ -42,12 +42,12 @@
.bar-button-icon.battery {
border-top-right-radius: if(
$bar-buttons-battery-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-right-radius: if(
$bar-buttons-battery-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
}

8
scss/style/bar/bluetooth.scss
View File

@@ -29,12 +29,12 @@
padding-right: $bar-buttons-bluetooth-spacing;
border-top-left-radius: if(
$bar-buttons-bluetooth-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-left-radius: if(
$bar-buttons-bluetooth-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-bluetooth-icon);
@@ -50,12 +50,12 @@
.bar-button-icon.bluetooth {
border-top-right-radius: if(
$bar-buttons-bluetooth-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-right-radius: if(
$bar-buttons-bluetooth-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
}

8
scss/style/bar/clock.scss
View File

@@ -18,12 +18,12 @@
padding-right: $bar-buttons-clock-spacing;
border-top-left-radius: if(
$bar-buttons-clock-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-left-radius: if(
$bar-buttons-clock-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-clock-icon);
@@ -39,12 +39,12 @@
.bar-button-icon.clock {
border-top-right-radius: if(
$bar-buttons-clock-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-right-radius: if(
$bar-buttons-clock-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
}

4
scss/style/bar/media.scss
View File

@@ -16,12 +16,12 @@
padding-right: $bar-buttons-media-spacing;
border-top-left-radius: if(
$bar-buttons-media-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-left-radius: if(
$bar-buttons-media-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-media-icon);

8
scss/style/bar/network.scss
View File

@@ -17,12 +17,12 @@
padding-right: $bar-buttons-network-spacing;
border-top-left-radius: if(
$bar-buttons-network-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-left-radius: if(
$bar-buttons-network-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-network-icon);
@@ -38,12 +38,12 @@
.bar-button-icon.network-icon {
border-top-right-radius: if(
$bar-buttons-network-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-right-radius: if(
$bar-buttons-network-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
}

8
scss/style/bar/notifications.scss
View File

@@ -23,12 +23,12 @@
padding-right: $bar-buttons-notifications-spacing;
border-top-left-radius: if(
$bar-buttons-notifications-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-left-radius: if(
$bar-buttons-notifications-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
&:last-child {
@@ -49,12 +49,12 @@
.bar-button-icon.notifications {
border-top-right-radius: if(
$bar-buttons-notifications-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-right-radius: if(
$bar-buttons-notifications-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
}

8
scss/style/bar/window_title.scss
View File

@@ -21,12 +21,12 @@
padding-right: $bar-buttons-windowtitle-spacing;
border-top-left-radius: if(
$bar-buttons-windowtitle-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-left-radius: if(
$bar-buttons-windowtitle-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-windowtitle-icon);
@@ -46,12 +46,12 @@
.bar-button-icon.windowtitle {
border-top-right-radius: if(
$bar-buttons-windowtitle-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-right-radius: if(
$bar-buttons-windowtitle-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
}

8
scss/style/customModules/style.scss
View File

@@ -92,12 +92,12 @@
color: if($bar-buttons-monochrome, $bar-buttons-icon, $iconColor);
border-top-left-radius: if(
$borderEnabled or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-left-radius: if(
$borderEnabled or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
}
@@ -113,12 +113,12 @@
.module-icon {
border-top-right-radius: if(
$borderEnabled or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-right-radius: if(
$borderEnabled or $bar-buttons-enableBorders,
$bar-buttons-radius * 0.4,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
}