UI - Fix scroll offset / tab buttons hiding behind menu/header

2024-10-11 16:04:08 +02:00
parent a16a70229d
commit 03151da68e
2 changed files with 11 additions and 2 deletions
--- a/changedetectionio/static/styles/scss/styles.scss
+++ b/changedetectionio/static/styles/scss/styles.scss
@@ -147,8 +147,13 @@ body.spinner-active {
  }
 }

+.tabs ul li a {
+  // .tab-pane-inner will have the #id that the tab button jumps/anchors to
+  scroll-margin-top: 200px;
+}
+
 section.content {
-  padding-top: 5em;
+  padding-top: 100px;
  padding-bottom: 1em;
  flex-direction: column;
  display: flex;
@@ -931,6 +936,7 @@ $form-edge-padding: 20px;
 }

 .tab-pane-inner {
+
  &:not(:target) {
    display: none;
  }