Added media query for double columned container lists

diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index 5fb7c8b3322be6b3e23cd96dfd340c21171d297c..bfd52c186ea4f93042b872f201ab8f19e77a6673 100644 (file)
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -581,44 +581,6 @@
                padding: @wcfGapMedium @wcfGapLarge;
        }
        
-       &.doubleColumned {
-               overflow: hidden;
-               
-               > li {
-                       padding: 0;
-                       float: left;
-                       width: 50%;
-                       height: 90px;
-                       overflow: hidden;
-                       
-                       &:nth-child(even) {
-                               float: right;
-                       }
-                       
-                       &:nth-child(4n), &:nth-child(4n+1) {
-                               background-color: @wcfContainerBackgroundColor;
-                       }
-                       
-                       &:nth-child(4n+2), &:nth-child(4n+3) {
-                               background-color: @wcfContainerAccentBackgroundColor;
-                       }
-                       
-                       &:hover {
-                               background-color: @wcfContainerHoverBackgroundColor;
-                       }
-                       
-                       > div {
-                               padding: 14px 21px;
-                       }
-               }
-               
-               &:after {
-                       content: "";
-                       display: table;
-                       clear: left;
-               }
-       }
-       
        &.styleList > li > div.box64 {
                > span {
                        text-align: center;
@@ -631,6 +593,48 @@
        }
 }
 
+@media screen and (min-width: 1240px) { 
+       .containerList {
+               &.doubleColumned {
+                       overflow: hidden;
+                       
+                       > li {
+                               padding: 0;
+                               float: left;
+                               width: 50%;
+                               height: 90px;
+                               overflow: hidden;
+                               
+                               &:nth-child(even) {
+                                       float: right;
+                               }
+                               
+                               &:nth-child(4n), &:nth-child(4n+1) {
+                                       background-color: @wcfContainerBackgroundColor;
+                               }
+                               
+                               &:nth-child(4n+2), &:nth-child(4n+3) {
+                                       background-color: @wcfContainerAccentBackgroundColor;
+                               }
+                               
+                               &:hover {
+                                       background-color: @wcfContainerHoverBackgroundColor;
+                               }
+                               
+                               > div {
+                                       padding: 14px 21px;
+                               }
+                       }
+                       
+                       &:after {
+                               content: "";
+                               display: table;
+                               clear: left;
+                       }
+               }
+       }
+}
+
 .nestedCategoryList {
        > li {
                margin-top: 21px;