[#1979] Clean up

maykinmedia · Jan 30, 2024 · 33c8fac · 33c8fac
1 parent 3caaac9
commit 33c8fac
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 54 deletions.
diff --git a/src/open_inwoner/js/components/index.js b/src/open_inwoner/js/components/index.js
@@ -27,7 +27,6 @@ import './preview'
 import './questionnaire'
 import './readmore'
 import './search'
-import { TabPanel } from './tab-panels'
 import './toggle'
 import { StatusAccordion } from './cases/status_accordion'
 import './session'
@@ -54,7 +53,6 @@ const elementWrappers = [
   ],
   [Notification.selector, (elt) => new Notification(elt)],
   [AnchorMobile.selector, (elt) => new AnchorMobile(elt)],
-  [TabPanel.selector, (elt) => new TabPanel(elt)],
   [StatusAccordion.selector, (elt) => new StatusAccordion(elt)],
   [FileInput.selector, (elt) => new FileInput(elt)],
 ]

diff --git a/src/open_inwoner/js/components/tab-panels/index.js b/src/open_inwoner/js/components/tab-panels/index.js
diff --git a/src/open_inwoner/scss/components/TabPanel/TabPanel.scss b/src/open_inwoner/scss/components/TabPanel/TabPanel.scss
@@ -76,6 +76,10 @@
       scroll-margin-top: 150px;
     }
 
+    &:active {
+      background-color: var(--color-white);
+    }
+
     &.active {
       border-bottom: 2px solid var(--color-primary);
       color: var(--font-color-body);
@@ -141,17 +145,21 @@
     font-weight: normal;
     padding: var(--spacing-large) var(--spacing-large) var(--spacing-large) 0;
 
+    &:active {
+      background-color: var(--color-white);
+    }
+
     &.active {
+      background-color: var(--color-white);
       border-bottom: 2px solid var(--color-accent);
       color: var(--color-accent);
       font-weight: bold;
       margin: 0;
     }
   }
 
-  .tab__content,
-  .tab__content.active {
-    margin: var(--spacing-giant) 0 0 0;
+  .tab__content {
+    margin: var(--spacing-mega) 0 0 0;
     scroll-margin-top: 150px;
 
     p {