From e0786f253b7c4bd209cb480dd3578ad88c136630 Mon Sep 17 00:00:00 2001 From: SindreKjelsrud Date: Wed, 4 Dec 2024 10:41:23 +0100 Subject: [PATCH 1/2] DIT-478: Browser-specific fill-available - Added Firefox version of fill-available --- src/vue/design/reveal.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/vue/design/reveal.scss b/src/vue/design/reveal.scss index 6dda3120..cc731a7d 100644 --- 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; From 3069b8e779d6485ef2591c52a193cf642721e7da Mon Sep 17 00:00:00 2001 From: SindreKjelsrud Date: Wed, 4 Dec 2024 10:47:53 +0100 Subject: [PATCH 2/2] DIT-478: Browser-specific fill-available - Added Firefox version of fill-available to Banner aswell --- src/vue/components/Banner.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/vue/components/Banner.vue b/src/vue/components/Banner.vue index 2fedcc95..230153fb 100644 --- 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; }