nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

notifications: empty text

Browse source 
Scrollbar less transparent
This commit is contained in:
2 * r + 2 * t 2025-01-16 19:47:23 +11:00
parent ed05e9af25
commit e539fe0bab
3 changed files with 21 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
scss/notifications.scss
View file

@ -17,6 +17,7 @@
@include lib.rounded(8); @include lib.rounded(8);
@include lib.border(scheme.$mauve, 0.4, 2); @include lib.border(scheme.$mauve, 0.4, 2);
@include lib.shadow; @include lib.shadow;
@include font.mono;
min-width: lib.s(400); min-width: lib.s(400);
min-height: lib.s(600); min-height: lib.s(600);
@ -25,7 +26,6 @@
padding: lib.s(10) lib.s(12); padding: lib.s(10) lib.s(12);
.header { .header {
@include font.mono;
@include lib.spacing(8); @include lib.spacing(8);
padding: 0 lib.s(5); padding: 0 lib.s(5);
@ -62,6 +62,10 @@
} }
} }
.icon {
font-size: lib.s(32);
}
.notification { .notification {
.wrapper { .wrapper {
padding-bottom: lib.s(10); padding-bottom: lib.s(10);

10
scss/widgets.scss
View file

@ -183,26 +183,22 @@ tooltip {
} }
scrollbar { scrollbar {
trough {
background-color: transparent;
}
slider { slider {
@include lib.rounded(1000); @include lib.rounded(1000);
@include lib.element-decel; @include lib.element-decel;
min-width: lib.s(3); min-width: lib.s(3);
min-height: lib.s(30); min-height: lib.s(30);
background-color: color.change(scheme.$overlay0, $alpha: 0.3); background-color: color.change(scheme.$overlay0, $alpha: 0.6);
&:hover, &:hover,
&:focus { &:focus {
min-width: lib.s(6); min-width: lib.s(6);
background-color: color.change(scheme.$overlay0, $alpha: 0.4); background-color: color.change(scheme.$overlay0, $alpha: 0.7);
} }
&:active { &:active {
background-color: color.change(scheme.$overlay1, $alpha: 0.5); background-color: color.change(scheme.$overlay1, $alpha: 0.8);
} }
} }
} }

16
src/modules/notifications.tsx
View file

@ -65,9 +65,19 @@ export default () => (
label="Clear" label="Clear"
/> />
</box> </box>
<scrollable expand hscroll={Gtk.PolicyType.NEVER}> <stack
<List /> transitionType={Gtk.StackTransitionType.CROSSFADE}
</scrollable> transitionDuration={150}
shown={bind(AstalNotifd.get_default(), "notifications").as(n => (n.length > 0 ? "list" : "empty"))}
>
<box vertical valign={Gtk.Align.CENTER} name="empty">
<label className="icon" label="notifications_active" />
<label label="All caught up!" />
</box>
<scrollable expand hscroll={Gtk.PolicyType.NEVER} name="list">
<List />
</scrollable>
</stack>
</box> </box>
</PopupWindow> </PopupWindow>
); );