Improved input size in mobile version
authorMarcel Werk <burntime@woltlab.com>
Fri, 27 May 2016 15:49:26 +0000 (17:49 +0200)
committerMarcel Werk <burntime@woltlab.com>
Fri, 27 May 2016 16:19:42 +0000 (18:19 +0200)
wcfsetup/install/files/style/layout/form.scss

index 45ffa00417c557d81dad777753200f0c7acd6a6a..2c8293380102fd2f5dccd569dee492f2a6ab5c34 100644 (file)
@@ -194,21 +194,35 @@ input {
                width: 80px;
        }
        
-       &.short {
-               flex-grow: 0;
-               min-width: 80px;
-               width: 10%;
+       &.long {
+               min-width: 150px;
+               width: 100%;
        }
        
-       &.medium {
-               flex-grow: 0;
-               min-width: 150px;
-               width: 30%;
+       @include screen-xs {
+               &.short {
+                       flex-grow: 0;
+                       width: 150px;
+               }
+               
+               &.medium {
+                       min-width: 150px;
+                       width: 100%;
+               }
        }
        
-       &.long {
-               min-width: 150px;
-               width: 100%;
+       @include screen-sm-up {
+               &.short {
+                       flex-grow: 0;
+                       min-width: 80px;
+                       width: 10%;
+               }
+               
+               &.medium {
+                       flex-grow: 0;
+                       min-width: 150px;
+                       width: 30%;
+               }
        }
 }