Specificity issue solved:

added responsive styles in #upload_panel .modalbox-content{} instead of .modalbox-content{}
camicroscope · Mar 26, 2024 · 37726e7 · 37726e7
1 parent f624b81
commit 37726e7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/apps/model/model.css b/apps/model/model.css
@@ -276,6 +276,14 @@ ul.disabled {
 }
 #upload_panel .modalbox-content{
     width: 30%;
+
+    @media only screen and ( max-width: 1100px ) {
+        width: 50%;
+    }
+
+    @media only screen and ( max-width: 600px ) {
+        width: 85%;
+    }
 }
 
 #roi_panel .modalbox-content{

diff --git a/components/modalbox/modalbox.css b/components/modalbox/modalbox.css
@@ -22,14 +22,6 @@
   padding: 0;
   border: 1px solid #888;
   width: 80%;
-
-  @media only screen and (max-width: 1100px) {
-        width: 50%;
-  }
-
-  @media only screen and (max-width: 600px) {
-        width: 85%;
-  }
 
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
   -webkit-animation-name: animatetop;