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

Finish notifications menu

Browse Source
This commit is contained in:
Jas Singh
2024-06-25 01:05:31 -07:00
parent ee461f2ee0
commit c1d7fc4f95
15 changed files with 545 additions and 413 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
scss/bar/workspace.scss
View File

@@ -3,8 +3,8 @@
.workspaces {
label {
font-size: 0.2em;
min-width: 5em;
min-height: 5em;
min-width: 4.5em;
min-height: 4.5em;
border-radius: 1.9rem * .6;
margin: 0rem 0.5rem * .5;
transition: 300ms * .5;
@@ -14,15 +14,15 @@
&.occupied {
background-color: $yellow;
color: $yellow;
min-width: 5em;
min-height: 5em;
min-width: 4.5em;
min-height: 4.5em;
}
&.active {
color: $sky;
background-color: $sky;
min-width: 11em;
min-height: 5em;
min-height: 4.5em;
}
}
}

2
scss/main.scss
View File

@@ -1,6 +1,6 @@
* {
all: unset;
font-family: "Ubuntu";
font-family: "Ubuntu Nerd Font";
font-size: 1.2rem;
font-weight: 600;
}

10
scss/menus/menu.scss
View File

@@ -70,22 +70,12 @@
&:active {
background-color: $sky;
highlight,
progress {
}
}
&:disabled {
highlight,
progress {
}
}
trough:focus {
slider {
}
}
}

77
scss/menus/notifications.scss
View File

@@ -1,36 +1,67 @@
@import "../colors";
.notification-card-container.menu {
min-width: 28em;
min-height: 15em;
background: $base;
border: 0.2em solid $surface0;
border-radius: 0.4em;
}
.notification-card-container-scroll.menu {
// background-color: $pink;
margin-top: 0em;
min-width: 26em;
min-height: 6em;
background: $mantle;
border: 0.2em solid $surface0; border-radius: 0.4em;
}
.window-content.notificationsmenu {
margin-top: -0.4em;
margin-right: 0.6em;
.window-content.notificationsmenu-window {
margin-right: 0.50em;
}
.menu-content-container.notifications {
margin: 1em;
min-height: 4em;
}
.notification-menu-controls {
margin: 0em 1em;
}
.notification-card.menu {
border: 0em;
border-bottom: 0.25em solid $surface0;
border-radius: 0em;
margin: 0rem;
background: $crust;
border: 0.1em solid $surface0;
margin: 0em;
}
&:first-child {
border-top: 0rem;
}
.menu-label-container.notifications {
margin: 0em 0em;
}
&:last-child {
border-bottom: 0rem;
}
.menu-label.notifications {
color: $lavender;
margin: 0.9em 0.5em;
margin-bottom: 0.7em;
}
&:not(:first-child) {
margin: 0rem;
.menu-separator.notifications {
background-color: $surface0;
margin: 0em 1em;
}
.menu-switch.notifications:checked {
&:checked {
background: $lavender;
}
}
.clear-notifications-button {
margin-right: 1em;
margin-top: 0.4em;
&:hover label {
color: $maroon;
}
}
.clear-notifications-label {
color: $lavender;
font-size: 0.9em;
}
.top-right-event-box_top *{
min-height: 0em;
margin-top: 2.5em;
}

4
scss/menus/power.scss
View File

@@ -19,14 +19,14 @@ window#verification .verification {
margin-bottom: 0.4rem;
.title {
font-size: 1.6em;
font-size: 1.5em;
color: $maroon;
margin-bottom: 0.75rem;
}
.desc {
color: $lavender;
font-size: 1.1em;
font-size: 1em;
margin-bottom: 0.75rem;
padding: 1.15rem 2.25rem;
}

63
scss/notifications/popups.scss
View File

@@ -6,14 +6,14 @@
.notification-card {
color: $text;
background: $mantle;
margin-right: 0.4rem;
border: 0.15rem solid $surface0;
min-width: 28rem;
margin-right: 0.45em;
border: 0.15em solid $surface0;
min-width: 23.5em;
min-height: 6rem;
border-radius: 0.4rem;
border-radius: 0.3em;
&:not(:first-child) {
margin-top: 1rem;
margin-top: 0.85em;
}
}
@@ -23,58 +23,53 @@
.notification-card-image-container {
margin: 0.75rem 0.75rem;
border-radius: 0.4rem;
margin: 0.65em 0.65em;
border-radius: 0.4em;
}
.notification-card-image {
border-radius: 0.4rem;
min-width: 3rem;
min-height: 3rem;
padding: 1rem 1rem;
border-radius: 0.4em;
min-width: 2.5em;
min-height: 2.5em;
padding: 0.85em 0.85em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.notification-card-content {
min-width: 3.5rem;
min-height: 3.5rem;
padding: 0.6rem 0.6rem;
min-width: 2.9em;
min-height: 2.9em;
padding: 0.5em 0.5em;
margin-right: 1rem;
}
.notification-card-content.noimg {
margin-left: 1.5rem;
margin-top: .2rem;
}
.notification-card-appname-label {
font-size: 0.9rem;
color: $pink;
margin-left: 1.3em;
margin-top: .15em;
}
.notification-card-header-label {
font-size: 1.15rem;
margin-bottom: 0.5rem;
font-size: 0.95em;
margin-bottom: 0.5em;
color: $lavender;
}
.notification-card-body-label {
font-size: 1rem;
font-size: 0.84em;
font-weight: 600;
}
.notification-card-actions {
margin-top: 1rem;
margin-bottom: 0.5rem;
margin-top: 0.95em;
margin-bottom: 0.4em;
}
.notification-action-buttons {
color: $lavender;
background: $surface0;
min-width: 6rem;
min-height: 2rem;
border-radius: 0.2rem;
min-width: 4em;
min-height: 1.65em;
border-radius: 0.2em;
&:not(:last-child) {
margin-right: 2rem;
@@ -86,18 +81,18 @@
}
.notification-icon {
margin-bottom: 0.6rem;
font-size: 1.5rem;
margin-bottom: 0.4em;
font-size: 1.3em;
}
.close-notification-button {
background: $red;
color: $crust;
min-width: 2.5rem;
border-radius: 0rem 0.35rem 0.35rem 0rem;
min-width: 2.1em;
border-radius: 0rem 0.35em 0.35em 0em;
label {
font-size: 1.7rem;
font-size: 1.5em;
}
&:hover {