aboutsummaryrefslogtreecommitdiff
path: root/src/components/notifications/notifications.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/notifications/notifications.scss')
-rw-r--r--src/components/notifications/notifications.scss17
1 files changed, 14 insertions, 3 deletions
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index 9b241565..5749e430 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -1,4 +1,4 @@
-@import '../../_variables.scss';
+@import "../../variables";
.Notifications {
&:not(.minimal) {
@@ -25,12 +25,13 @@
&.unseen {
.notification-overlay {
- background-image: linear-gradient(135deg, var(--badgeNotification, $fallback--cRed) 4px, transparent 10px)
+ background-image: linear-gradient(135deg, var(--badgeNotification, $fallback--cRed) 4px, transparent 10px);
}
}
}
}
+/* stylelint-disable-next-line no-descending-specificity */
.notification {
box-sizing: border-box;
@@ -38,6 +39,7 @@
canvas {
display: none;
}
+
img {
visibility: visible;
}
@@ -79,7 +81,8 @@
}
}
- .follow-text, .move-text {
+ .follow-text,
+ .move-text {
padding: 0.5em 0;
overflow-wrap: break-word;
display: flex;
@@ -126,6 +129,14 @@
.emoji-reaction-emoji {
font-size: 1.3em;
+ max-width: 1.25em;
+ height: 1.25em;
+ width: auto;
+ }
+
+ .emoji-reaction-emoji-image {
+ vertical-align: middle;
+ object-fit: contain;
}
.notification-details {