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

Added basic Calendar menu (WIP)

Browse Source
This commit is contained in:
Jas Singh
2024-06-26 02:00:53 -07:00
parent 2b8eb9144d
commit 4ff2392c48
17 changed files with 189 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
style.css
View File

@@ -334,8 +334,8 @@ spinner:checked {
border-radius: 1.14rem;
margin: 0rem 0.25rem;
transition: 150ms;
background-color: #cba6f7;
color: #cba6f7;
background-color: #89dceb;
color: #89dceb;
}
.workspaces label.occupied {
background-color: #f9e2af;
@@ -344,8 +344,8 @@ spinner:checked {
min-height: 4.5em;
}
.workspaces label.active {
color: #89dceb;
background-color: #89dceb;
color: #b4befe;
background-color: #b4befe;
min-width: 11em;
min-height: 4.5em;
}
@@ -389,10 +389,9 @@ spinner:checked {
}
.bar-notifications-label {
color: #f9e2af;
color: #b4befe;
font-size: 1.3em;
min-width: 1em;
margin-right: 0.15em;
}
.bar-power_label {
@@ -405,8 +404,8 @@ spinner:checked {
}
.bar_item_box_visible {
background: #313244;
border-radius: 0.35rem;
background: rgba(49, 50, 68, 0.8);
border-radius: 0.35em;
padding: 0.2rem 0.9rem;
margin: 0.5rem 0.25rem;
}
@@ -485,6 +484,10 @@ spinner:checked {
.menu-switch:active {
background-color: #89dceb;
}
tooltip label {
font-size: 0.9em;
}
.menu-separator {
min-height: 0.1rem;
margin: 0.6rem 0rem;
@@ -493,7 +496,7 @@ spinner:checked {
.menu-items {
background: #181825;
border: 0.25rem solid #313244;
border: 0.13em solid #313244;
border-radius: 0.5rem;
min-width: 375px;
color: #cdd6f4;
@@ -591,6 +594,11 @@ spinner:checked {
margin-bottom: 0.5rem;
}
.top-right-event-box_top * {
min-height: 0em;
margin-top: 2.5em;
}
window#powermenu,
window#verification {
background-color: rgba(0, 0, 0, 0.4);
@@ -909,7 +917,7 @@ window#powermenu .powermenu.box {
min-width: 40rem;
min-height: 10rem;
background: #181825;
border: 0.25rem solid #313244;
border: 0.13em solid #313244;
border-radius: 0.4rem;
}
@@ -985,11 +993,6 @@ window#powermenu .powermenu.box {
min-width: 2em;
border-radius: 0.2rem;
}
.media-indicator-control-button tooltip {
min-width: 10rem;
min-height: 10rem;
background: red;
}
.media-indicator-control-button.disabled {
background: #313244;
}
@@ -1019,7 +1022,7 @@ image {
.menu-slider.media.progress trough highlight,
.menu-slider.media.progress trough progress {
min-height: 1rem;
background: #f5c2e7;
background: #b4befe;
border-radius: 0.3rem;
}
.menu-slider.media.progress slider {
@@ -1042,7 +1045,7 @@ image {
min-width: 26em;
min-height: 6em;
background: #181825;
border: 0.2em solid #313244;
border: 0.13em solid #313244;
border-radius: 0.4em;
}
@@ -1103,9 +1106,46 @@ image {
font-size: 1.5em;
}
.top-right-event-box_top * {
min-height: 0em;
margin-top: 2.5em;
.calendar-content-container {
margin-top: 0em;
min-width: 16em;
min-height: 6em;
background: #181825;
border: 0.13em solid #313244;
border-radius: 0.4em;
}
.window-content.calendarmenu-window {
margin-right: 0.5em;
}
.calendar-content-items {
margin: 1em;
}
.calendar-menu-calendar {
all: unset;
padding: 1em;
color: #cdd6f4;
font-size: 1.1em;
padding: 0.2em;
}
.calendar-menu-calendar:selected {
box-shadow: inset 0 -0.4em 0 0 #f5c2e7, inset 0 -0.2em 0 0 #181825, inset 0 0 0 0.01em #181825;
color: #f5c2e7;
border-radius: 0em;
}
.calendar-menu-calendar.header {
background-color: transparent;
color: #94e2d5;
}
.calendar-menu-calendar.highlight {
border: 2em solid #f5c2e7;
background-color: transparent;
color: #f5c2e7;
}
.calendar-menu-calendar:indeterminate {
color: #585b70;
}
.notification-card-container {