Merge pull request #3001 from statisticsnorway/MIM-2066-popup-open-re…

…zsize-mobile MIM-2066 popup open resize small mobile screen
statisticsnorway · Oct 31, 2024 · e26a956 · e26a956
2 parents 3b46808 + b755c38
commit e26a956
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/src/main/resources/assets/styles/_popup.scss b/src/main/resources/assets/styles/_popup.scss
@@ -50,6 +50,26 @@
     &.open {
       left: 50%;
       transform: translateX(-50%);
+
+        @media (max-width: 380px) {
+          transform: translateX(-50%) scale(0.9);
+          bottom: 12px;
+        }
+
+        @media (max-width: 360px) {
+          transform: translateX(-50%) scale(0.9);
+          bottom: 12px;
+        }
+
+        @media (max-width: 345px) {
+          transform: translateX(-50%) scale(0.85);
+          bottom: 6px;
+        }
+
+        @media (max-width: 330px) {
+          transform: translateX(-50%) scale(0.8);
+          bottom: -2px;
+        }
     }
 
     &.closed,
@@ -190,4 +210,4 @@
   .header-text {
     font-size: 20px;
   }
-}
+}