Some CSS enhancements for the sidebar

springwolf · Aug 5, 2024 · 3c4aaf8 · 3c4aaf8
1 parent 9034919
commit 3c4aaf8
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/springwolf-ui/src/app/components/new/sidenav/sidenav.component.css b/springwolf-ui/src/app/components/new/sidenav/sidenav.component.css
@@ -22,13 +22,30 @@ a {
   justify-content: space-between;
 }
 
+.sidenav .entry > span > a {
+  white-space: nowrap;
+}
+
+.sidenav {
+  width: auto;
+  box-sizing: border-box;
+  padding-right: 20px;
+  display: grid;
+  overflow-x: clip;
+}
+
+.sidenav > div {
+  box-sizing: border-box;
+  overflow: visible !important;
+}
+
 .sidenav .badge {
   text-transform: uppercase;
   font-size: smaller;
 
   border-radius: 0.3em;
-  padding: 0 0.1em;
-  margin: 0 0 auto 0;
+  padding: 0 0.2em;
+  margin: 0.2em 0.3em 0.3em 0.2em;
 }
 .sidenav .badge.send-badge {
   color: var(--springwolf-badge-color-send);

diff --git a/springwolf-ui/src/main.css b/springwolf-ui/src/main.css
@@ -227,6 +227,14 @@ a {
   }
 }
 
+.mat-drawer-inner-container {
+  overflow: visible !important;
+}
+
+.mat-icon {
+  vertical-align: middle;
+}
+
 html {
   --springwolf-badge-color-send: black;
   --springwolf-badge-color-background-send: #ffd580;