1.9.2 - Small fixes for tablet view

quead · quead · commit 1cb6793f247d · 2017-09-13T16:05:17.000+03:00
diff --git a/dist/assets/css/main.css b/dist/assets/css/main.css
@@ -1288,7 +1288,6 @@ nav a.is-active .fa, nav a:active .fa {
 }
 
 #main-search input[type="text"]::-webkit-input-placeholder {
-  /* Chrome/Opera/Safari */
   color: var(--c-white);
 }
 
@@ -2108,7 +2107,7 @@ iframe {
   }
 }
 
-@media screen and (max-width: 1199px) and (min-width: 992px) {
+@media screen and (max-width: 1199px) and (min-width: 768px) {
   .col-2, .col-3 {
     width: 50%;
   }
@@ -2171,19 +2170,35 @@ iframe {
   }
 }
 
-@media screen and (max-width: 991px) {
-  body {
-    overflow: visible;
+@media screen and (max-width: 991px) and (min-width: 768px) {
+  .btn {
+    padding: 5px 12px;
   }
-  .contanier {
-    display: block;
+  .video-list-featured .video-item {
+    max-width: 100%;
   }
-  .col-2, .col-3 {
-    width: 100%;
-    height: 100%;
+  .video-list-featured .video-item-settings-featured button + button {
+    margin-left: 6px;
   }
 }
 
+/*
+@media screen and (max-width: 991px) {
+    body {
+        overflow: visible;
+    }
+    .contanier {
+        display: block;
+    }
+    .col {
+        &-2,
+        &-3 {
+            width: 100%;
+            height: 100%;            
+        }
+        
+    }
+}*/
 .application #app-container > .container {
   height: calc(100% - 26px);
 }
diff --git a/scss/_responsive.scss b/scss/_responsive.scss
@@ -4,7 +4,7 @@
     }
 }
 
-@media screen and (max-width: 1199px) and (min-width: 992px) {
+@media screen and (max-width: 1199px) and (min-width: 768px) {
     .col {
         &-2,
         &-3 {
@@ -87,6 +87,18 @@
     }
 }
 
+@media screen and (max-width: 991px) and (min-width: 768px) {
+    .btn {
+        padding: 5px 12px;
+    }
+    .video-list-featured .video-item {
+        max-width: 100%;
+    }
+    .video-list-featured .video-item-settings-featured button + button {
+        margin-left: 6px;
+    }
+}
+/*
 @media screen and (max-width: 991px) {
     body {
         overflow: visible;
@@ -102,4 +114,4 @@
         }
         
     }
-}
+}*/
diff --git a/scss/_search.scss b/scss/_search.scss
@@ -26,7 +26,7 @@
         &:focus {
             background-color: var(--c-black);
         }
-        &::-webkit-input-placeholder { /* Chrome/Opera/Safari */
+        &::-webkit-input-placeholder {
             color: var(--c-white);
         }
     }
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
@@ -1288,7 +1288,6 @@ nav a.is-active .fa, nav a:active .fa {
 }
 
 #main-search input[type="text"]::-webkit-input-placeholder {
-  /* Chrome/Opera/Safari */
   color: var(--c-white);
 }
 
@@ -2108,7 +2107,7 @@ iframe {
   }
 }
 
-@media screen and (max-width: 1199px) and (min-width: 992px) {
+@media screen and (max-width: 1199px) and (min-width: 768px) {
   .col-2, .col-3 {
     width: 50%;
   }
@@ -2171,19 +2170,35 @@ iframe {
   }
 }
 
-@media screen and (max-width: 991px) {
-  body {
-    overflow: visible;
+@media screen and (max-width: 991px) and (min-width: 768px) {
+  .btn {
+    padding: 5px 12px;
   }
-  .contanier {
-    display: block;
+  .video-list-featured .video-item {
+    max-width: 100%;
   }
-  .col-2, .col-3 {
-    width: 100%;
-    height: 100%;
+  .video-list-featured .video-item-settings-featured button + button {
+    margin-left: 6px;
   }
 }
 
+/*
+@media screen and (max-width: 991px) {
+    body {
+        overflow: visible;
+    }
+    .contanier {
+        display: block;
+    }
+    .col {
+        &-2,
+        &-3 {
+            width: 100%;
+            height: 100%;            
+        }
+        
+    }
+}*/
 .application #app-container > .container {
   height: calc(100% - 26px);
 }

Original file line number	Diff line number	Diff line change
`@@ -1288,7 +1288,6 @@ nav a.is-active .fa, nav a:active .fa {`
`1288`	`1288`	`}`
`1289`	`1289`
`1290`	`1290`	`#main-search input[type="text"]::-webkit-input-placeholder {`
`1291`		`- /* Chrome/Opera/Safari */`
`1292`	`1291`	`color: var(--c-white);`
`1293`	`1292`	`}`
`1294`	`1293`
`@@ -2108,7 +2107,7 @@ iframe {`
`2108`	`2107`	`}`
`2109`	`2108`	`}`
`2110`	`2109`
`2111`		`-@media screen and (max-width: 1199px) and (min-width: 992px) {`
	`2110`	`+@media screen and (max-width: 1199px) and (min-width: 768px) {`
`2112`	`2111`	`.col-2, .col-3 {`
`2113`	`2112`	`width: 50%;`
`2114`	`2113`	`}`
`@@ -2171,19 +2170,35 @@ iframe {`
`2171`	`2170`	`}`
`2172`	`2171`	`}`
`2173`	`2172`
`2174`		`-@media screen and (max-width: 991px) {`
`2175`		`- body {`
`2176`		`- overflow: visible;`
	`2173`	`+@media screen and (max-width: 991px) and (min-width: 768px) {`
	`2174`	`+ .btn {`
	`2175`	`+ padding: 5px 12px;`
`2177`	`2176`	`}`
`2178`		`- .contanier {`
`2179`		`- display: block;`
	`2177`	`+ .video-list-featured .video-item {`
	`2178`	`+ max-width: 100%;`
`2180`	`2179`	`}`
`2181`		`- .col-2, .col-3 {`
`2182`		`- width: 100%;`
`2183`		`- height: 100%;`
	`2180`	`+ .video-list-featured .video-item-settings-featured button + button {`
	`2181`	`+ margin-left: 6px;`
`2184`	`2182`	`}`
`2185`	`2183`	`}`
`2186`	`2184`
	`2185`	`+/*`
	`2186`	`+@media screen and (max-width: 991px) {`
	`2187`	`+ body {`
	`2188`	`+ overflow: visible;`
	`2189`	`+ }`
	`2190`	`+ .contanier {`
	`2191`	`+ display: block;`
	`2192`	`+ }`
	`2193`	`+ .col {`
	`2194`	`+ &-2,`
	`2195`	`+ &-3 {`
	`2196`	`+ width: 100%;`
	`2197`	`+ height: 100%;`
	`2198`	`+ }`
	`2199`	`+`
	`2200`	`+ }`
	`2201`	`+}*/`
`2187`	`2202`	`.application #app-container > .container {`
`2188`	`2203`	`height: calc(100% - 26px);`
`2189`	`2204`	`}`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`	`}`
`5`	`5`	`}`
`6`	`6`
`7`		`-@media screen and (max-width: 1199px) and (min-width: 992px) {`
	`7`	`+@media screen and (max-width: 1199px) and (min-width: 768px) {`
`8`	`8`	`.col {`
`9`	`9`	`&-2,`
`10`	`10`	`&-3 {`
`@@ -87,6 +87,18 @@`
`87`	`87`	`}`
`88`	`88`	`}`
`89`	`89`
	`90`	`+@media screen and (max-width: 991px) and (min-width: 768px) {`
	`91`	`+ .btn {`
	`92`	`+ padding: 5px 12px;`
	`93`	`+ }`
	`94`	`+ .video-list-featured .video-item {`
	`95`	`+ max-width: 100%;`
	`96`	`+ }`
	`97`	`+ .video-list-featured .video-item-settings-featured button + button {`
	`98`	`+ margin-left: 6px;`
	`99`	`+ }`
	`100`	`+}`
	`101`	`+/*`
`90`	`102`	`@media screen and (max-width: 991px) {`
`91`	`103`	`body {`
`92`	`104`	`overflow: visible;`
`@@ -102,4 +114,4 @@`
`102`	`114`	`}`
`103`	`115`
`104`	`116`	`}`
`105`		`-}`
	`117`	`+}*/`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@`
`26`	`26`	`&:focus {`
`27`	`27`	`background-color: var(--c-black);`
`28`	`28`	`}`
`29`		`- &::-webkit-input-placeholder { /* Chrome/Opera/Safari */`
	`29`	`+ &::-webkit-input-placeholder {`
`30`	`30`	`color: var(--c-white);`
`31`	`31`	`}`
`32`	`32`	`}`