fixed gh-43 by changing the name of the class to responsive-height. f…

…ill-height was clashing with vuetify's stylesheet.
kingsdigitallab · Nov 27, 2023 · 30d7d81 · 30d7d81
1 parent c8394d4
commit 30d7d81
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/app/annotator.html b/app/annotator.html
@@ -186,7 +186,7 @@
                   </label>
                 </span>
               </p>
-              <div class="panel-block transcription fill-height">
+              <div class="panel-block transcription responsive-height">
                 <p :class="{'show-supplied': selection.showSuppliedText, 'transcription-body': 1}" v-html="text">
                 </p>
               </div>
@@ -199,7 +199,7 @@
                 <a v-if="image" :href="getAnnotationsAbsolutePath()" target="_blank"><i class="fas fa-external-link-alt"></i></a>
                 <span v-if="isAnnotationSelected">(Selected)</span>
               </p>
-              <div class="panel-block fill-height">
+              <div class="panel-block responsive-height">
                 <dl class="description">
                   <dt>Script</dt> 
                   <dd>

diff --git a/app/assets/main.css b/app/assets/main.css
@@ -4,7 +4,7 @@
   --bound-color: blue;
 }
 
-.fill-height {
+.responsive-height {
   overflow: scroll;
   align-items: inherit;
 }

diff --git a/app/utils.js b/app/utils.js
@@ -220,12 +220,13 @@
   }
 
   function initFillHeightElements() {
-    for (let element of document.querySelectorAll('.fill-height')) {
+    for (let element of document.querySelectorAll('.responsive-height')) {
       let height = (window.innerHeight - element.offsetTop + window.scrollY - 15)
       if (height < 10) {
         height = 10
       }
       element.style.height = `${height}px`;
+      console.log(element.style.height)
     }
   }