Explorar o código

Scene selection CSS fix to fit media queries

Jaskar %!s(int64=8) %!d(string=hai) anos
pai
achega
02b629b9cb
Modificáronse 1 ficheiros con 17 adicións e 1 borrados
  1. 17 1
      Playground/css/index.css

+ 17 - 1
Playground/css/index.css

@@ -204,7 +204,8 @@ body {
     z-index: 10;
     top: 32px;
     width:550px;
-    max-height:350px;
+    max-height:390px;
+    overflow-y: auto;
     right:0;
     position:absolute;
     font-size:0.8em;
@@ -457,18 +458,30 @@ body {
     .navBar1475 { display: none; }
     .navBar1030 { display: none; }
     .navBar750 { display: none; }
+
+    .navbar .select .toDisplayBig ul {
+        column-count: 3;
+    }
 }
 @media (max-width: 1475px) {
     .navBar1600 { display: none; }
     .navBar1475 { display: block; }
     .navBar1030 { display: none; }
     .navBar750 { display: none; }
+
+    .navbar .select .toDisplayBig ul {
+        column-count: 3;
+    }
 }
 @media (max-width: 1030px) {
     .navBar1600 { display: none; }
     .navBar1475 { display: none; }
     .navBar1030 { display: block; }
     .navBar750 { display: none; }
+
+    .navbar .select .toDisplayBig ul {
+        column-count: 2;
+    }
 }
 @media (max-width: 750px) {
     .navBar1600 { display: none; }
@@ -478,4 +491,7 @@ body {
     .removeOnPhone {
         display : none !important;
     }
+    .navbar .select .toDisplayBig ul {
+        column-count: 1;
+    }
 }