]> _ Git - fluidbook-toolbox-quiz.git/commitdiff
wait #6388 @0.75
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Wed, 11 Oct 2023 15:00:52 +0000 (17:00 +0200)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Wed, 11 Oct 2023 15:00:52 +0000 (17:00 +0200)
js/quiz.resize.js
style/100-global.sass
style/101-header-footer.sass

index c5f9f61b9bd0c9f09b976491fb0bbb1ce1f2b4d3..b83e2f9343a9a03768a21a65493de0f209608703 100644 (file)
@@ -91,6 +91,7 @@ QuizResize.prototype = {
 
     updateViewport: function () {
         if (!this.isMobile()) {
+
             $('meta[name="viewport"]').attr('content', 'width=device-width, user-scalable=no, initial-scale=1.0, shrink-to-fit=no, test=yes');
             let s = 1;
             let qcss = {};
@@ -99,9 +100,9 @@ QuizResize.prototype = {
                 let sh = this.hh / this.desktopHeight;
                 s = Math.min(sw, sh);
                 this.scale = s
-                qcss.borderRadius = 0;
+                $('html').removeClass('round');
             } else {
-                qcss.borderRadius = '';
+                $('html').addClass('round');
             }
             qcss.transform = 'scale(' + s + ')';
             qcss.transformOrigin = '0 0 0';
@@ -110,6 +111,7 @@ QuizResize.prototype = {
             qcss.margin = '';
             $("#quiz").css(qcss);
         } else {
+            $('html').removeClass('round');
             $('meta[name="viewport"]').attr('content', 'width=' + this.mobileWidth + ', user-scalable=no, initial-scale=1.0, shrink-to-fit=no, test=yes');
             $("#quiz").css({transform: '', transformOrigin: '', top: '', left: '', margin: '0 auto'});
         }
index 191b21ca57771933fe908f19ddd2380238d11df5..dbe750601e554fc9e7e1ca71ad424a80c4054cf2 100644 (file)
@@ -26,8 +26,6 @@ body
     +padding-container()
     position: relative
     overflow: hidden
-    border-radius: 40px
-    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2)
 
     .m &
         border-radius: 0
@@ -39,6 +37,10 @@ body
         min-width: 390px
         max-width: 390px
 
+    .round &
+        border-radius: 40px
+        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2)
+
 
 .btn
     padding: 0 12px
index 1031bb115caf28346af3a3b3dfae20b7508bfb88..94e84ee743a1a63af36e8fffb585a36a31186a0a 100644 (file)
@@ -99,17 +99,15 @@ header
 #credits
     font-size: 12px
     position: absolute
-    bottom: 20px
-    right: 25px
+    bottom: 6px
+    right: 6px
     color: $texts-color
-    opacity: 0.5
+    opacity: 0.35
     z-index: 3
 
+    .round &
+        right: 40px
+
     a
         text-decoration: none
         color: inherit
-
-    .m &
-        right: 5px
-        bottom: 5px
-