From ecafa2783313e81f64cbbfc5abf3768be29c584c Mon Sep 17 00:00:00 2001 From: dgtlmoon Date: Fri, 11 Oct 2024 22:54:09 +0200 Subject: [PATCH] UI - More work on tab buttons hiding behind menu/header :-) --- changedetectionio/static/js/tabs.js | 3 +-- changedetectionio/static/styles/scss/styles.scss | 2 +- changedetectionio/static/styles/styles.css | 3 +-- 3 files changed, 3 insertions(+), 5 deletions(-) diff --git a/changedetectionio/static/js/tabs.js b/changedetectionio/static/js/tabs.js index 59c20e99..b4ba6e9f 100644 --- 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 index a4a065e8..ecaf7ed9 100644 --- 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 index c0739e0d..11c57e89 100644 --- 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 {