Merge pull request #589 from matematikk-mooc/sindre/DIT-478

DIT-478: Browser-specific fill-available
matematikk-mooc · Dec 11, 2024 · be42e78 · be42e78
2 parents dc7bb7b + 3069b8e
commit be42e78
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;