]> _ Git - fluidbook-toolbox.git/commitdiff
wait #5376 @1
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Mon, 8 Aug 2022 15:41:40 +0000 (17:41 +0200)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Mon, 8 Aug 2022 15:41:40 +0000 (17:41 +0200)
resources/quiz/js/app.js
resources/quiz/style/020-header.sass

index 8989ee4a4bc4fdcebefc9ae088bf854176cb17b7..ba3c72840a4c07917227a3d0f35dca878d4e20b3 100644 (file)
@@ -43,7 +43,20 @@ require('../../scorm/scorm');
             }
             $("main").css('minHeight', Math.max(maxHeight + 100, $(window).outerHeight() - $('header').outerHeight() - 70));
 
-            $("header .headerholder .titleHolder h1").css('width', '100%');
+            // Header
+            var ww = $(window).outerWidth();
+            var h1 = $("header .headerholder .titleHolder h1");
+            h1.css('width', '100%');
+            h1.css('font-size', '');
+            if (ww > 640) {
+                var fz = 32;
+                var h1h = h1.outerHeight() - 40;
+                while (h1h > 32) {
+                    fz--;
+                    h1.css('font-size', fz);
+                    h1h = h1.outerHeight() - 40;
+                }
+            }
 
             // Badge position
             try {
index ca61cebc8fc1fbb86baa32db89211379fb182c82..f1d0ef57f92d254460e49b5c641079d36557ab3f 100644 (file)
@@ -34,12 +34,13 @@ header
                 font-size: 32px
                 line-height: 1em
                 width: 100%
-                padding: 20px 40px
+                padding: 20px 180px 20px 40px
 
                 @media (max-width: 640px)
                     text-align: center
                     font-size: 22px
                     bottom: 25px
+                    padding: 20px 40px 20px 40px
 
 
                 @media (max-width: 320px)