fix mobile modal issues

jonathanlei · Oct 16, 2023 · d3a2fb6 · d3a2fb6
1 parent 8ac227d
commit d3a2fb6
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 9 deletions.
diff --git a/assets/css/devportal2022-v25.css b/assets/css/devportal2022-v25.css
diff --git a/styles/_use-cases.scss b/styles/_use-cases.scss
@@ -134,7 +134,7 @@ $custody-logos: "Gatehub", "Bitgo";
   }
 }
 
-.modal {
+.modal-uses {
   display: none;
   position: fixed;
   z-index: 1000;
@@ -159,11 +159,8 @@ $custody-logos: "Gatehub", "Bitgo";
   height: 60%;
   display: flex;
   flex-direction: column;
-  justify-content: center;
   align-items: center;
-  @media only screen and (max-width: 768px) {
-    height: fit-content;
-  }
+  overflow: scroll;
 }
 
 .modal-content-uses::before {

diff --git a/template/page-uses.html.jinja b/template/page-uses.html.jinja
@@ -465,8 +465,7 @@
     </ul>
   </section>
 
-<div class="modal" id="myModal">
-
+<div class="modal modal-uses" id="myModal">
   <div class="modal-content-uses">
       <div class="arrows-container" id="arrows-container">
       <button class="arrow-button left-arrow" id="leftArrow">