diff --git a/src/App.scss b/src/App.scss index 5f03e2a1..61acc4ce 100644 --- a/src/App.scss +++ b/src/App.scss @@ -393,7 +393,7 @@ nav { .faint { color: $fallback--faint; - color: var($fallback--faint, --faint); + color: var(--faint, $fallback--faint); } @media all and (max-width: 959px) { diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index c84a74a0..6134f8e2 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -2,7 +2,7 @@
[{{nsfw ? "NSFW/" : ""}}{{type.toUpperCase()}}]
-
+
@@ -11,10 +11,10 @@
- + - + @@ -61,6 +61,7 @@ flex: 1 0 30%; margin: 0.5em 0.7em 0.6em 0.0em; align-self: flex-start; + line-height: 0; border-style: solid; border-width: 1px; @@ -109,7 +110,7 @@ } img.media-upload { - margin-bottom: -2px; + line-height: 0; max-height: 300px; max-width: 100%; } diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss index 9c9ea1d5..65ab7f5e 100644 --- a/src/components/notifications/notifications.scss +++ b/src/components/notifications/notifications.scss @@ -136,7 +136,7 @@ position: relative; overflow: hidden; width: 100%; - flex: 1; + flex: 1 1 0; display: flex; flex-wrap: nowrap; diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 6fe61f36..885083c4 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -27,7 +27,7 @@
-
+