DIT-478: Browser-specific fill-available

- Added Firefox version of fill-available to Banner and reveal
matematikk-mooc · Dec 11, 2024 · 8313871 · 8313871
1 parent 8e70499
commit 8313871
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/vue/components/Banner.vue b/src/vue/components/Banner.vue
@@ -40,6 +40,8 @@ const server= SERVER
   img {
     width: webkit-fill-available;
     height: webkit-fill-available;
+    width: moz-available;
+    height: moz-available;
     flex-grow: 0;
     object-fit: contain;
   }

diff --git a/src/vue/design/reveal.scss b/src/vue/design/reveal.scss
@@ -20,6 +20,7 @@
     align-items: center;
     justify-content: space-between;
     width: -webkit-fill-available;
+    width: -moz-available;
     padding: 0.5rem;
     border: solid 2px $color-black;
     font-family: Roboto;