sidebar more responsive when narrow

Dave Conway-Jones · Dave Conway-Jones · commit 9305c6ab3b73 · 2018-11-14T23:30:46.000Z
diff --git a/dist/css/app.min.less b/dist/css/app.min.less
@@ -15,12 +15,23 @@
 /* See the License for the specific language governing permissions and      */
 /* limitations under the License. */
 /* */
-md-sidenav,
-md-sidenav.md-locked-open,
-md-sidenav.md-closed.md-locked-open-add-active {
-	min-width: 200px !important;
-    width: auto;
-	max-width: 320px !important;
+@media(min-width: 661px) {
+    md-sidenav,
+    md-sidenav.md-locked-open,
+    md-sidenav.md-closed.md-locked-open-add-active {
+    	min-width: 200px !important;
+        width: auto;
+    	max-width: 320px !important;
+    }
+}
+@media(max-width: 660px) {
+    md-sidenav,
+    md-sidenav.md-locked-open,
+    md-sidenav.md-closed.md-locked-open-add-active {
+    	min-width: 160px !important;
+        width: auto;
+    	max-width: 200px !important;
+    }
 }
 md-sidenav ng-md-icon {
     padding-right: 4px;
diff --git a/dist/dashboard.appcache b/dist/dashboard.appcache
@@ -19,4 +19,4 @@ weather-icons-lite/fonts/weather-icons-lite.woff2
 NETWORK:
 *
 
-# hash: f435254c18a614e976182d4596f579f892f11739c3b0d5af92bdecc498af5fa6
+# hash: 9a86f07d65c497688597bab8f4d2ae039854583bb7cf73403845566cb329afab
diff --git a/src/main.less b/src/main.less
@@ -1,9 +1,21 @@
-md-sidenav,
-md-sidenav.md-locked-open,
-md-sidenav.md-closed.md-locked-open-add-active {
-	min-width: 200px !important;
-    width: auto;
-	max-width: 320px !important;
+
+@media(max-width: 660px) {
+    md-sidenav,
+    md-sidenav.md-locked-open,
+    md-sidenav.md-closed.md-locked-open-add-active {
+    	min-width: 160px !important;
+        width: auto;
+    	max-width: 200px !important;
+    }
+}
+@media(min-width: 661px) {
+    md-sidenav,
+    md-sidenav.md-locked-open,
+    md-sidenav.md-closed.md-locked-open-add-active {
+    	min-width: 200px !important;
+        width: auto;
+    	max-width: 320px !important;
+    }
 }
 md-sidenav ng-md-icon {
     padding-right: 4px;

Original file line number	Diff line number	Diff line change
`@@ -19,4 +19,4 @@ weather-icons-lite/fonts/weather-icons-lite.woff2`
`19`	`19`	`NETWORK:`
`20`	`20`	`*`
`21`	`21`
`22`		`-# hash: f435254c18a614e976182d4596f579f892f11739c3b0d5af92bdecc498af5fa6`
	`22`	`+# hash: 9a86f07d65c497688597bab8f4d2ae039854583bb7cf73403845566cb329afab`