From 4332a43fb99bce2088b6dbece1a38a4c458d2602 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Wed, 29 Nov 2023 11:38:39 +0100
Subject: [PATCH] [web] Fix for full height not taking into account both
 navigation bars

---
 web-src/src/mystyles.scss                    | 3 +--
 web-src/src/pages/PageNowPlaying.vue         | 2 +-
 web-src/src/templates/ContentWithHeading.vue | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/web-src/src/mystyles.scss b/web-src/src/mystyles.scss
index 55e672f4..28e03a7c 100644
--- a/web-src/src/mystyles.scss
+++ b/web-src/src/mystyles.scss
@@ -76,8 +76,7 @@ a.navbar-item {
   margin-top: $navbar-height !important;
 }
 
-/* Set minimum height to hide "option" section */
-.fd-content-with-option {
+.is-full-height {
   min-height: calc(100vh - calc(2 * $navbar-height));
 }
 
diff --git a/web-src/src/pages/PageNowPlaying.vue b/web-src/src/pages/PageNowPlaying.vue
index c66468bd..e8e2f2f1 100644
--- a/web-src/src/pages/PageNowPlaying.vue
+++ b/web-src/src/pages/PageNowPlaying.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="hero is-fullheight">
+  <div class="hero is-full-height">
     <div v-if="track.id > 0" class="hero-body">
       <div class="container has-text-centered" style="max-width: 500px">
         <cover-artwork
diff --git a/web-src/src/templates/ContentWithHeading.vue b/web-src/src/templates/ContentWithHeading.vue
index b6e5f24a..1f04b6b3 100644
--- a/web-src/src/templates/ContentWithHeading.vue
+++ b/web-src/src/templates/ContentWithHeading.vue
@@ -12,7 +12,7 @@
               /></router-link>
             </nav>
           </section>
-          <div :class="{ 'fd-content-with-option': $slots.options }">
+          <div :class="{ 'is-full-height': $slots.options }">
             <nav id="top" class="level is-clipped">
               <!-- Left side -->
               <div class="level-left is-flex-shrink-1">