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

Added an icon to the calendar widget in the bar. (#181)

Browse Source 
* Added an icon to the calendar widget in the bar.

* Updated themes for calendar icon.
This commit is contained in:
Jas Singh
2024-08-24 23:52:33 -07:00
committed by GitHub
parent bc08692317
commit b080d6b00d
22 changed files with 143 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
scss/style/bar/bar.scss
View File

@@ -175,6 +175,11 @@ $transparency-value-hover: 1 - $bar-button-background-hover-opacity-ratio;
background-color: transparentize(if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-windowtitle-hover), $transparency-value);
color: $bar-buttons-windowtitle-icon_background;
}
.clock.bar-button-icon {
background-color: transparentize(if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-clock-hover), $transparency-value);
color: $bar-buttons-clock-icon_background;
}
}
}
}

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

@@ -1,7 +1,27 @@
.clock {
.bar-button-label.clock {
color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-clock-text);
margin-left: $bar-buttons-clock-spacing;
}
.style2.clock {
padding: $bar-buttons-padding_y $bar-buttons-padding_x;
.bar-button-icon.clock {
font-size: 1.2em;
color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-clock-icon);
}
.style2 {
.bar-button-icon.clock {
border-top-left-radius: $bar-buttons-radius;
border-bottom-left-radius: $bar-buttons-radius;
background: if($bar-buttons-monochrome, $bar-buttons-icon_background, $bar-buttons-clock-icon_background);
padding: $bar-buttons-padding_y 0em;
padding-left: $bar-buttons-padding_x;
padding-right: $bar-buttons-media-spacing;
}
.bar-button-label.clock {
padding: $bar-buttons-padding_y 0em;
padding-right: $bar-buttons-padding_x;
padding-left: $bar-buttons-clock-spacing;
margin-left: 0em;
}
}