From 86e5ca57e95dc6bcd98926d74cabb99335813cf6 Mon Sep 17 00:00:00 2001
From: Anthony Lapenna <lapenna.anthony@gmail.com>
Date: Sat, 28 Oct 2017 19:42:55 +0200
Subject: [PATCH] style(sidebar): automatically adjust sidebar font-size based
 on height (#1336)

---
 assets/css/app.css | 33 ++++++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 89cac66ab..9b1da5269 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -347,7 +347,6 @@ ul.sidebar .sidebar-list a.active {
   height: 100%;
 }
 
-
 #image-layers .btn{
   padding: 0;
 }
@@ -369,6 +368,38 @@ ul.sidebar .sidebar-list .sidebar-sublist a.active {
   background: #2d3e63;
 }
 
+@media (max-height: 683px) {
+  ul.sidebar .sidebar-title {
+    line-height: 28px;
+  }
+  ul.sidebar .sidebar-list {
+    height: 28px;
+  }
+  ul.sidebar .sidebar-list a, ul.sidebar .sidebar-list .sidebar-sublist a {
+    font-size: 12px;
+    line-height: 28px;
+  }
+  ul.sidebar .sidebar-list .menu-icon {
+    line-height: 28px;
+  }
+}
+
+@media(min-height: 684px) and (max-height: 850px) {
+  ul.sidebar .sidebar-title {
+    line-height: 30px;
+  }
+  ul.sidebar .sidebar-list {
+    height: 30px;
+  }
+  ul.sidebar .sidebar-list a, ul.sidebar .sidebar-list .sidebar-sublist a {
+    font-size: 12px;
+    line-height: 30px;
+  }
+  ul.sidebar .sidebar-list .menu-icon {
+    line-height: 30px;
+  }
+}
+
 @media(min-width: 768px) and (max-width: 992px) {
   .margin-sm-top {
     margin-top: 5px;