nixos-configs/modules/ags/config/scss/wim-widgets/notification-center.scss

115 lines
2.2 KiB
SCSS
Raw Normal View History

2023-09-11 16:25:57 -04:00
.notification-center {
min-height: 700px;
min-width: 524px;
2023-09-11 16:25:57 -04:00
background: $bg;
border-radius: 30px;
2023-10-26 17:03:34 -04:00
border-top-right-radius: 0;
border: 2px solid $contrast-bg;
padding: 0;
2023-09-11 16:25:57 -04:00
* {
font-size: 16px;
}
.header {
padding: 10px;
margin-top: 22px;
margin-bottom: 9px;
2023-10-26 17:03:34 -04:00
2023-09-11 16:25:57 -04:00
label {
font-size: 22px;
}
2023-10-26 17:03:34 -04:00
.clear {
box {
all: unset;
transition: 200ms;
border-radius: 9px;
color: #eee;
background-color: #664C90;
box-shadow: inset 0 0 0 1px rgba(238, 238, 238, 0.03);
padding: 4.5px 9px;
}
&.hover box {
box-shadow: inset 0 0 0 1px rgba(238, 238, 238, 0.03);
background-color: rgba(238, 238, 238, 0.154);
color: #f1f1f1;
}
2023-10-26 17:03:34 -04:00
&.disabled box {
box-shadow: none;
background-color: rgba(#664C90, 0.3);
color: rgba(238, 238, 238, 0.3);
}
2023-10-26 17:03:34 -04:00
label {
font-size: 1.2em;
}
2023-09-11 16:25:57 -04:00
}
}
.notification-list-box {
background: $bgfull;
2023-10-26 17:03:34 -04:00
padding: 0 12px;
border-radius: 30px;
2023-10-26 17:03:34 -04:00
border-top: 2px solid $contrast-bg;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
2023-10-26 17:03:34 -04:00
scrollbar {
all: unset;
border-radius: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
2023-10-26 17:03:34 -04:00
* {
all: unset;
}
2023-10-26 17:03:34 -04:00
&:hover {
border-radius: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
2023-10-26 17:03:34 -04:00
scrollbar.vertical {
transition: 200ms;
background-color: rgba(23, 23, 23, 0.3);
2023-10-26 17:03:34 -04:00
&:hover {
background-color: rgba(23, 23, 23, 0.7);
2023-10-26 17:03:34 -04:00
slider {
background-color: rgba(238, 238, 238, 0.7);
min-width: .6em;
}
}
2023-10-26 17:03:34 -04:00
slider {
background-color: rgba(238, 238, 238, 0.5);
border-radius: 9px;
min-width: .4em;
min-height: 2em;
transition: 200ms;
}
}
2023-09-11 16:25:57 -04:00
}
.placeholder {
color: white;
2023-10-26 17:03:34 -04:00
image {
font-size: 7em;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
-gtk-icon-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
2023-10-26 17:03:34 -04:00
label {
font-size: 1.2em;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
-gtk-icon-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
}
2023-09-11 16:25:57 -04:00
}