personaltools colortoggler alignment

conestack · Aug 19, 2024 · 8a18556 · 8a18556
1 parent b169817
commit 8a18556
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 16 deletions.
diff --git a/scss/styles.scss b/scss/styles.scss
@@ -5,7 +5,6 @@
     --sidebar-width: 300px;
     --navbar-height: 50px;
 }
-
 html {
     height: 100%;
     width: 100%;
@@ -20,7 +19,7 @@ body {
     max-height: 100%;
     user-select: none;
 
-    .scrollable-y {
+    > .scrollable-y {
         margin-top: 34px;
     }
 
@@ -265,13 +264,10 @@ body {
     #navbar-content-wrapper {
         min-width: 0;
         z-index: 1;
-    }
-    #navbar-content {
-        min-width: 0;
-    }
-    #colortoggle-switch {
-        width: 2rem;
-        height: 1rem;
+
+        #navbar-content {
+            min-width: 0;
+        }
     }
     #mainmenu {
         > ul {
@@ -282,6 +278,20 @@ body {
             color: $primary;
         }
     }
+
+    #personaltools {
+        #language-dropdown > div.dropdown-toggle > a {
+            height: 20px;
+
+            img {
+                vertical-align: baseline;
+            }
+        }
+        #colortoggler #colortoggle-switch {
+            width: 2rem;
+            height: 1rem;
+        }
+    }
 }
 #personaltools-dropdown {
     .dropdown-item a {

diff --git a/src/cone/app/browser/static/cone/cone.app.css b/src/cone/app/browser/static/cone/cone.app.css
@@ -74,7 +74,7 @@ body {
   max-height: 100%;
   user-select: none;
 }
-#sidebar_left .scrollable-y {
+#sidebar_left > .scrollable-y {
   margin-top: 34px;
 }
 #sidebar_left ul.list-group, #sidebar_left ul.list-group li {
@@ -276,20 +276,26 @@ body {
   min-width: 0;
   z-index: 1;
 }
-#header-main #navbar-content {
+#header-main #navbar-content-wrapper #navbar-content {
   min-width: 0;
 }
-#header-main #colortoggle-switch {
-  width: 2rem;
-  height: 1rem;
-}
 #header-main #mainmenu > ul {
   padding-left: 8px;
   white-space: nowrap;
 }
 #header-main #mainmenu .nav-item.active .nav-link {
   color: #4e7bba;
 }
+#header-main #personaltools #language-dropdown > div.dropdown-toggle > a {
+  height: 20px;
+}
+#header-main #personaltools #language-dropdown > div.dropdown-toggle > a img {
+  vertical-align: baseline;
+}
+#header-main #personaltools #colortoggler #colortoggle-switch {
+  width: 2rem;
+  height: 1rem;
+}
 
 #personaltools-dropdown .dropdown-item a {
   text-decoration: none;

diff --git a/src/cone/app/browser/static/cone/cone.app.min.css b/src/cone/app/browser/static/cone/cone.app.min.css