(css,html) Improve display of mailboxes list

2026-07-18 22:54:55 +00:00 · 2016-11-09 10:18:12 -05:00
parent 7f2dabc30c
commit c596bacccb
3 changed files with 30 additions and 11 deletions
@@ -25,13 +25,13 @@ md-sidenav {
  }
 }

-// MAIN SIDENAV, actually to the left
-// ----------------------------------------------------------------------------
-
 // Mailboxes tree
 $i: 1;
@while $i < 12 {
-  .sg-child-level-#{$i} { padding-left: $mg * $i; }
+  .sg-child-level-#{$i} {
+    max-height: 24px;
+    padding-left: $mg * $i;
+  }
  $i: $i + 1;
 }

@@ -40,5 +40,6 @@ $i: 1;
  md-checkbox {
    margin-right: $bl * 2;
    max-width: 24px;
+    min-height: 24px;
  }
 }
@@ -98,6 +98,23 @@ md-sidenav {
          }
        }
      }
+      // Hide the label (which contains an icon) if the checkbox is enabled ..
+      .md-label {
+        display: none;
+      }
+      // .. but show the label and hide the checkbox when disabled (no children)
+      &[disabled] {
+        .md-container {
+          width: 0;
+          &:after {
+            content: '';
+          }
+        }
+        .md-label {
+          display: inline-block;
+          margin-left: 0;
+        }
+      }
    }
  }
  .sg-item-name {