Browse Source

Mobile fix

poryvkin 8 years ago
parent
commit
f6b6ee444f

+ 4 - 0
app/assets/styles/_grid.scss

@@ -64,6 +64,10 @@
                     width: 100%;
                     width: 100%;
                     margin-right: 0;
                     margin-right: 0;
                     max-width: none;
                     max-width: none;
+
+                    &:last-child {
+                    width: 100%;
+                }
                 }
                 }
             }
             }
             &-3 {
             &-3 {

+ 16 - 3
app/assets/styles/media.scss

@@ -32,7 +32,6 @@
     height: 32px;
     height: 32px;
 }
 }
 .floatmenu {
 .floatmenu {
-    display: block;
 position: absolute ;
 position: absolute ;
 right: 0;
 right: 0;
 top: 70px;
 top: 70px;
@@ -120,6 +119,9 @@ background: #3b434d;
     }
     }
 }
 }
 @media screen and (max-width: 640px) {
 @media screen and (max-width: 640px) {
+    .specialization-selection__container {
+        column-count: 2;
+    }
       .category li, .category__item {
       .category li, .category__item {
             width: 47%;
             width: 47%;
     display: inline-block;
     display: inline-block;
@@ -289,6 +291,17 @@ background: #3b434d;
     .footer__right .mainlinks li {
     .footer__right .mainlinks li {
         display: inline-block;
         display: inline-block;
     }
     }
-
+.grid-disrb-col-1, .grid-disrb-col-1:nth-child(3n) {
+    width: 100%;
+max-width: 320px;
+margin: 10px auto;
 }
 }
- 
+.shortnews__description {
+    height: auto;
+}
+}
+ @media screen and (max-width: 420px) {
+    .specialization-selection__container {
+        column-count: 1;
+    }
+    Ъ

+ 3 - 2
app/www/css/all.css

@@ -311,7 +311,9 @@ body {
     .grid-dis-col-2 {
     .grid-dis-col-2 {
       width: 100%;
       width: 100%;
       margin-right: 0;
       margin-right: 0;
-      max-width: none; } }
+      max-width: none; }
+      .grid-dis-col-2:last-child {
+        width: 100%; } }
 
 
 .grid-dis-col-3 {
 .grid-dis-col-3 {
   width: calc(75% - 10px);
   width: calc(75% - 10px);
@@ -6194,7 +6196,6 @@ input[type='submit'].styler[disabled] {
   .navigation__mobileButton img {
   .navigation__mobileButton img {
     height: 32px; }
     height: 32px; }
   .floatmenu {
   .floatmenu {
-    display: block;
     position: absolute;
     position: absolute;
     right: 0;
     right: 0;
     top: 70px;
     top: 70px;

File diff suppressed because it is too large
+ 0 - 0
app/www/css/all.css.map


File diff suppressed because it is too large
+ 0 - 0
app/www/css/all.min.css


Some files were not shown because too many files changed in this diff