diff --git a/scss/notifpopups.scss b/scss/notifpopups.scss index 18d4eda6..04e0b2bb 100644 --- a/scss/notifpopups.scss +++ b/scss/notifpopups.scss @@ -4,10 +4,6 @@ @use "font"; @mixin popup($colour, $alpha) { - @include lib.border($colour, $alpha); - - border-right: none; - .separator { background-color: $colour; } @@ -20,21 +16,17 @@ .notifpopups { min-width: lib.s(425); padding-left: lib.s(10); // So notifications can overshoot for init animation - - // For shadow - & > :last-child .wrapper { - padding-bottom: lib.s(15); - } + padding-right: lib.s(10); + padding-top: lib.s(5); .notification { .wrapper { - padding-top: lib.s(10); - padding-left: lib.s(15); // For shadow + padding: lib.s(5); // For shadow } .inner { - @include lib.rounded(8, $tr: 0, $br: 0); - @include lib.shadow; + @include lib.rounded(8); + @include lib.shadow(black, 0.64, 0, 0, 3); &.low { @include popup(scheme.$overlay0, 0.3); diff --git a/scss/widgets.scss b/scss/widgets.scss index 856960f4..1bf23491 100644 --- a/scss/widgets.scss +++ b/scss/widgets.scss @@ -55,6 +55,7 @@ label.icon { .body { font-size: lib.s(14); + color: scheme.$subtext0; } .actions { diff --git a/src/widgets/notification.tsx b/src/widgets/notification.tsx index 3def0646..99ab71c3 100644 --- a/src/widgets/notification.tsx +++ b/src/widgets/notification.tsx @@ -84,17 +84,34 @@ export default class Notification extends Widget.Box { {notification.image && } - - - ))} - + {!popup && ( + + + ))} + + )}