From 0bd6b25979ef7ab21a629323282a07a759c12f64 Mon Sep 17 00:00:00 2001
From: Michael Zhang <mail@mzhang.io>
Date: Fri, 31 Mar 2023 16:56:51 -0500
Subject: [PATCH] Add sticky positioning for tabs on the Settings panel

---
 src/app/organisms/settings/Settings.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/app/organisms/settings/Settings.scss b/src/app/organisms/settings/Settings.scss
index a9ddd475..1d686cd7 100644
--- a/src/app/organisms/settings/Settings.scss
+++ b/src/app/organisms/settings/Settings.scss
@@ -16,8 +16,17 @@
     padding: var(--sp-loose) var(--sp-extra-loose);
   } 
 
-  & .tabs__content {
-    padding: 0 var(--sp-normal);
+  & .tabs {
+    position: sticky;
+    top: 0;
+    z-index: 999;
+    background-color: var(--bg-surface-low);
+    box-shadow: 0 -4px 0 var(--bg-surface-low),
+      inset 0 -1px 0 var(--bg-surface-border);
+
+    &__content {
+      padding: 0 var(--sp-normal);
+    }
   }
 
   &__cards-wrapper {