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

Hover opacity now properly applies to bar buttons and custom modules respect opacity setting. (#300)

Browse Source
This commit is contained in:
Jas Singh
2024-10-04 18:34:03 -07:00
committed by GitHub
parent fe53b3ebf1
commit 2db31f497d
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -42,7 +42,7 @@ $transparency-value-hover: 1 - $bar-button-background-hover-opacity-ratio;
} }
&:hover { &:hover {
opacity: 0.5; opacity: $bar-buttons-background_hover_opacity * 0.01;
} }
&.battery { &.battery {

11
scss/style/customModules/style.scss
View File

@@ -47,9 +47,14 @@
$borderColor, $borderColor,
$fontSize: 1em $fontSize: 1em
) { ) {
$bar-button-background-opacity-ratio: $bar-buttons-background_opacity * 0.01;
$transparency-value: 1 - $bar-button-background-opacity-ratio;
$bar-button-background-hover-opacity-ratio: $bar-buttons-background_hover_opacity * 0.01;
$transparency-value-hover: 1 - $bar-button-background-hover-opacity-ratio;
.bar_item_box_visible { .bar_item_box_visible {
&.#{$class} { &.#{$class} {
background: $labelBackground; background: transparentize($labelBackground, $transparency-value);
border: if( border: if(
$borderEnabled or $bar-buttons-enableBorders, $borderEnabled or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $borderColor), $bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $borderColor),
@@ -61,7 +66,7 @@
} }
&:hover { &:hover {
opacity: 0.5; opacity: $bar-buttons-background_hover_opacity * 0.01;
} }
} }
} }
@@ -95,7 +100,7 @@
} }
.module-label.#{$class} { .module-label.#{$class} {
background: $labelBackground; background: transparentize($labelBackground, $transparency-value);
padding-left: $spacing * 1.5; padding-left: $spacing * 1.5;
margin-left: 0em; margin-left: 0em;
border-top-left-radius: 0em; border-top-left-radius: 0em;