From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 11 Oct 2023 15:00:52 +0000 (+0200)
Subject: wait #6388 @0.75
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=95042defe160fcf657e8976417f55974ca96dfc8;p=fluidbook-toolbox-quiz.git

wait #6388 @0.75
---

diff --git a/js/quiz.resize.js b/js/quiz.resize.js
index c5f9f61..b83e2f9 100644
--- a/js/quiz.resize.js
+++ b/js/quiz.resize.js
@@ -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'});
         }
diff --git a/style/100-global.sass b/style/100-global.sass
index 191b21c..dbe7506 100644
--- a/style/100-global.sass
+++ b/style/100-global.sass
@@ -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
diff --git a/style/101-header-footer.sass b/style/101-header-footer.sass
index 1031bb1..94e84ee 100644
--- a/style/101-header-footer.sass
+++ b/style/101-header-footer.sass
@@ -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
-