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

Implement layout options

Browse Source
This commit is contained in:
Jas Singh
2024-07-24 09:46:38 -07:00
parent e90fd7cd29
commit 21393c122a
37 changed files with 1288 additions and 644 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
scss/style/menus/calendar.scss
View File

@@ -12,7 +12,7 @@
}
.calendar-menu-item-container {
border-radius: 0.4em;
border-radius: $bar-menus-card_radius;
margin-bottom: 1.35em;
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-clock-card-color);
}

5
scss/style/menus/media.scss
View File

@@ -14,7 +14,7 @@
}
.menu-items-section {
border-radius: 0.4em;
border-radius: $bar-menus-card_radius;
padding: 0em;
}
@@ -108,6 +108,9 @@
background: if($bar-menus-monochrome, $bar-menus-slider-primary, $bar-menus-menu-media-slider-primary);
}
}
slider {
background: if($bar-menus-monochrome, $bar-menus-slider-puck, $bar-menus-menu-media-slider-puck);
}
&:hover {
trough {

4
scss/style/menus/notifications.scss
View File

@@ -3,7 +3,7 @@
.notification-card-container.menu {
margin: 0em;
min-width: 30.5em;
min-width: 30.6em;
min-height: 48em;
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-notifications-background);
border: 0.13em solid if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-notifications-border);
@@ -24,7 +24,7 @@
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-notifications-card);
margin: 1em 1em;
margin-bottom: 0.5em;
border-radius: 0.4em;
border-radius: $bar-menus-card_radius;
padding: 0.4em 0.75em;
}

31
scss/style/menus/power.scss
View File

@@ -1,4 +1,5 @@
@import "../colors";
@import '../../variables';
window#powermenu,
window#verification {
@@ -10,14 +11,14 @@ $popover-padding: 0.6rem * 1.6;
window#verification .verification {
@include floating-widget;
background: $crust;
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-dashboard-powermenu-confirmation-background);
padding: 0.35em * 1.6 * 1.5;
min-width: 20em;
min-height: 6em;
font-size: 1.3em;
.verification-content {
background: $base;
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-dashboard-powermenu-confirmation-card);
border-radius: 0.4em;
padding: 1em;
}
@@ -27,12 +28,12 @@ window#verification .verification {
.title {
font-size: 1.5em;
color: $lavender;
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-powermenu-confirmation-label);
margin-bottom: 0.5em;
}
.desc {
color: $text;
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-dashboard-powermenu-confirmation-body);
font-size: 1em;
margin-bottom: 0.55em;
padding: 1em 3em;
@@ -40,7 +41,7 @@ window#verification .verification {
}
.verification-button {
background: $base;
background: $bar-menus-buttons-default;
padding: 0.7em 0em;
margin: 0.4em 1.7em;
border-radius: 0.3em;
@@ -49,40 +50,40 @@ window#verification .verification {
transition: opacity .3s ease-in-out;
&.bar-verification_yes {
background-color: $green;
background-color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm);
}
&.bar-verification_no {
background-color: $red;
background-color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny);
}
&:hover {
&.bar-verification_yes {
background: $lavender;
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm), 0.6);
transition: background-color 0.2s ease-in-out;
}
&.bar-verification_no {
background: $lavender;
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny), 0.6);
transition: background-color 0.2s ease-in-out;
}
}
&:focus {
&.bar-verification_yes{
background: $lavender;
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm), 0.6);
transition: background 0.2s ease-in-out;
}
&.bar-verification_no {
background: $lavender;
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny), 0.6);
transition: background 0.2s ease-in-out;
}
}
&:active {
&.bar-verification_yes {
background: rgb($lavender, 0.4);
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-confirm), 0.6);
transition: background 0.2s ease-in-out;
}
&.bar-verification_no {
background: rgb($lavender, 0.4);
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-confirmation-deny), 0.6);
transition: background 0.2s ease-in-out;
}
@@ -97,10 +98,10 @@ window#verification .verification {
}
}
.bar-verification_no label {
color: $mantle;
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-powermenu-confirmation-button_text);
}
.bar-verification_yes label {
color: $mantle;
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-powermenu-confirmation-button_text);
}
}