Merge pull request #734 from scidsg/settings-nav

Adjust settings nav density
scidsg · Nov 2, 2024 · 5a9b6d7 · 5a9b6d7
2 parents 9fedba9 + bb99057
commit 5a9b6d7
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 12 deletions.
diff --git a/hushline/static/css/style.css b/hushline/static/css/style.css
@@ -173,13 +173,17 @@
 
   /* Change background color of tabs on hover */
   .tab:hover,
-  .subtab:hover,
-  .settings-main .settings-content .tab:hover {
+  .subtab:hover {
     background-color: oklch(
       /* #fbf3ff */ from var(--color-brand-bg) 0.97 c h / 0.85
     );
   }
 
+  .settings-main .settings-content .tab:hover {
+    background-color: transparent;
+    text-decoration: underline;
+  }
+
   /* Create an active/current tablink class */
   .tab.active,
   .subtab.active {
@@ -391,12 +395,17 @@
     .settings-main .settings-content .subtab.active {
       box-shadow: 0 -2px 0 inset var(--color-brand);
       border-bottom: 1px solid var(--color-brand);
-      border-left: none;
+      border-left: unset;
     }
 
     .settings-main .settings-content .tab-list {
       border-bottom: var(--border);
     }
+
+    .settings-main .settings-content .tab:hover {
+      background-color: var(--color-brand-bg);
+      text-decoration: inherit;
+    }
   }
   .settings-main .settings-content .tab-list li button {
     padding: 1rem;
@@ -519,6 +528,11 @@
     background-color: var(--color-dark-bg-alt-1);
   }
 
+  .settings-main .tab:hover {
+    background-color: transparent;
+    text-decoration: underline;
+  }
+
   /* Create an active/current tablink class */
   .tab.active,
   .subtab.active {
@@ -592,6 +606,11 @@
     .settings-main .settings-content .tab-list {
       border-bottom: var(--border-dark);
     }
+
+    .settings-main .settings-content .tab:hover {
+      background-color: var(--color-dark-bg-alt-1);
+      text-decoration: inherit;
+    }
   }
 
   .formBody input[type="submit"]:hover,
@@ -2361,23 +2380,18 @@ p.bio + .extra-fields {
   width: 100%;
 }
 
-.settings-main .settings-content .tab-list li button:hover {
-  padding-left: 0.625rem;
-  transition: 0.3s;
-}
-
 .settings-main .settings-content .settings-tabs {
   width: 240px;
 }
 
 .settings-main .settings-content .tab-list li button {
-  padding: 1rem 0.625rem 1rem 0;
+  padding: 0 0.625rem 0 0;
 }
 
 .settings-main .settings-content .tab-list {
   display: flex;
   flex-direction: column;
-  padding-top: 0.5rem;
+  padding-top: 0.25rem;
 }
 
 .settings-main .settings-content .settings-tabs + div {
@@ -2390,7 +2404,7 @@ p.bio + .extra-fields {
 
 .settings-main .settings-content .tab.active,
 .settings-main .settings-content .subtab.active {
-  padding: 1rem 0.625rem;
+  padding: 0 0.625rem;
 }
 
 .settings-main .settings-content textarea {
@@ -2401,6 +2415,14 @@ p.bio + .extra-fields {
   max-width: 960px;
 }
 
+.settings-main .tab-list li {
+  margin-bottom: 1rem;
+}
+
+.settings-content {
+  padding-top: 1rem;
+}
+
 @media (max-width: 640px) {
   .extra-fields {
     flex-direction: column;
@@ -2445,6 +2467,14 @@ p.bio + .extra-fields {
   .settings-main .settings-content .settings-tabs {
     width: inherit;
   }
+
+  .settings-main .tab-list li {
+    margin-bottom: 0;
+  }
+
+  .settings-content {
+    padding-top: 0;
+  }
 }
 
 @media (max-width: 480px) {

diff --git a/hushline/version.py b/hushline/version.py
@@ -1 +1 @@
-__version__ = "0.3.13"
+__version__ = "0.3.14"