Merge pull request #558 from matematikk-mooc/marius/DIT-203v2

DIT-203: Reveal
matematikk-mooc · Nov 5, 2024 · 2c27020 · 2c27020
2 parents e6a438a + 4640f04
commit 2c27020
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 14 deletions.
diff --git a/src/js/modules/reveal.js b/src/js/modules/reveal.js
@@ -95,7 +95,8 @@ export default (function() {
                                 }
                                 options = { icons: { secondary: 'ui-icon-triangle-1-e' } };
                             } else {
-                                document.querySelector(body).style.display = 'block';
+                                document.querySelector(body).style.display = 'flex';
+                                document.getElementsByClassName("custom-reveal-wrapper")[0].style.width = 'unset';
                                 options = { icons: { secondary: 'ui-icon-triangle-1-s' } };
                             }
 

diff --git a/src/vue/design/reveal.scss b/src/vue/design/reveal.scss
@@ -4,8 +4,8 @@
 
 .custom-reveal-wrapper{
     flex-direction: column;
-    width: fit-content;
     height: fit-content;
+	width: auto;
     align-items: flex-start;
     flex: 1 0 0;
     border-radius: 3px;
@@ -17,16 +17,16 @@
 
 .custom-reveal-button {
     display: inline-flex;
-    width:fit-content;
     align-items: center;
-    justify-content: center;
-    font-family: Roboto;
+    justify-content: space-between;
+    width: -webkit-fill-available;
     padding: 0.5rem;
     border: solid 2px $color-black;
-    background: $color-white;
+    font-family: Roboto;
     text-decoration: none !important;
-    cursor: pointer;
     color: $color-black;
+    background: $color-white;
+    cursor: pointer;
 
     &:hover {
         color: $color-black;
@@ -52,6 +52,5 @@
     font-weight: 400;
     line-height: 150%;
     padding: 1rem;
-
     @include hide-show-effect;
 }
diff --git a/yarn.lock b/yarn.lock
@@ -4870,12 +4870,7 @@ fswin@^2.17.1227:
   resolved "https://registry.npmjs.org/fswin/-/fswin-2.17.1227.tgz"
   integrity sha512-xNDktvwzSsXT8Xqnpz59VbuFwGHhtn1w+dS7QQ+wAu5cbH0p3WMGKU9Duf7cPna+nubhR+5ZG1MTl6/V6xgRgw==
 
-function-bind@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
-  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
-
-function-bind@^1.1.2:
+function-bind@^1.1.1, function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
   integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==