UI - More work on tab buttons hiding behind menu/header :-)

dgtlmoon · Oct 11, 2024 · ecafa27 · ecafa27
1 parent f7d4e58
commit ecafa27
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/changedetectionio/static/js/tabs.js b/changedetectionio/static/js/tabs.js
@@ -26,8 +26,7 @@ function set_active_tab() {
     if (tab.length) {
         tab[0].parentElement.className = "active";
     }
-    // hash could move the page down
-    window.scrollTo(0, 0);
+
 }
 
 function focus_error_tab() {

diff --git a/changedetectionio/static/styles/scss/styles.scss b/changedetectionio/static/styles/scss/styles.scss
@@ -148,7 +148,7 @@ body.spinner-active {
 }
 
 
-.tabs ul li a {
+.tab-pane-inner {
   // .tab-pane-inner will have the #id that the tab button jumps/anchors to
   scroll-margin-top: 200px;
 }

diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css
@@ -605,8 +605,7 @@ body.spinner-active #pure-menu-horizontal-spinner {
     background-color: var(--color-background-menu-link-hover);
     color: var(--color-text-menu-link-hover); }
 
-
-.tabs ul li a {
+.tab-pane-inner {
   scroll-margin-top: 200px; }
 
 section.content {