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

feat: add world clock module (#795)

Browse Source 
Co-authored-by: Louis Dalibard <ontake@ontake.dev>
Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>
This commit is contained in:
Louis Dalibard
2025-04-05 08:10:51 +02:00
committed by GitHub
parent 9a40475f4a
commit 1d717e9f2e
9 changed files with 291 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/scss/style/bar/clock.scss
View File

@@ -58,3 +58,69 @@
0em
);
}
.bar-button-label.worldclock {
color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-modules-worldclock-text);
margin-left: $bar-buttons-modules-worldclock-spacing;
}
.bar-button-icon.worldclock {
font-size: 1.2em;
color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-modules-worldclock-icon);
}
.style2 {
.bar-button-icon.worldclock {
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-modules-worldclock-icon_background
);
padding: $bar-buttons-padding_y 0em;
padding-left: $bar-buttons-padding_x;
padding-right: $bar-buttons-modules-worldclock-spacing;
border-top-left-radius: if(
$bar-buttons-modules-worldclock-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-left-radius: if(
$bar-buttons-modules-worldclock-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-modules-worldclock-icon);
}
.bar-button-label.worldclock {
padding: $bar-buttons-padding_y 0em;
padding-right: $bar-buttons-padding_x;
padding-left: $bar-buttons-modules-worldclock-spacing;
margin-left: 0em;
}
&.no-label.worldclock-container {
.bar-button-icon.worldclock {
border-top-right-radius: if(
$bar-buttons-modules-worldclock-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
border-bottom-right-radius: if(
$bar-buttons-modules-worldclock-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-radius * $bar-buttons-innerRadiusMultiplier,
$bar-buttons-radius
);
}
}
}
.bar_item_box_visible.worldclock {
border: if(
$bar-buttons-modules-worldclock-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid
if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-modules-worldclock-border),
0em
);
}

27
src/scss/style/bar/style.scss
View File

@@ -503,3 +503,30 @@
// custom font size
1.2em //
);
/*
* #################################
* # World Clock Styling #
* #################################
*/
@include styleModule(
//
// class name
'worldclock',
// label color
$bar-buttons-modules-worldclock-text,
// icon color
$bar-buttons-modules-worldclock-icon,
// icon background if split style is used
$bar-buttons-modules-worldclock-icon_background,
// label background
$bar-buttons-modules-worldclock-background,
// inner spacing
$bar-buttons-modules-worldclock-spacing,
// if border enabled
$bar-buttons-modules-worldclock-enableBorder,
// border color
$bar-buttons-modules-worldclock-border,
// custom font size
1.2em //
);