From 88c778b48e86585970b1efc1cfaf4573e93eb187 Mon Sep 17 00:00:00 2001
From: evelyn masso <coding@outofambit.com>
Date: Thu, 9 May 2024 11:51:18 -0700
Subject: [PATCH] adjust sticky nav height for desktop

follow up to #347
---
 src/components/Settings/index.astro        |  3 ++-
 src/components/Settings/styles.module.scss | 10 ++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Settings/index.astro b/src/components/Settings/index.astro
index fb43a9006b..bdf5b045fa 100644
--- a/src/components/Settings/index.astro
+++ b/src/components/Settings/index.astro
@@ -5,6 +5,7 @@ import {
   removeLocalePrefix,
   getUiTranslator,
 } from "@/src/i18n/utils";
+import { jumpToState } from "@/src/globals/state";
 import { AccessibilitySettings } from "@components/AccessibilitySettings/";
 import SearchForm from "@components/SearchForm/index.astro";
 import { LocaleSelect } from "@components/LocaleSelect";
@@ -72,7 +73,7 @@ const a11ySettingsProps = [
 const { hideSearch } = Astro.props;
 ---
 
-<div class={styles.container}>
+<div class={`${styles.container} ${jumpToState ? "" : "noJumpTo"}`}>
   <div id="settings-placeholder" class={styles.placeholder}></div>
   <div id="settings-hitbox" class={styles.hitbox}></div>
   <div id="settings-container" class={`${styles.wrapper} settings`}>
diff --git a/src/components/Settings/styles.module.scss b/src/components/Settings/styles.module.scss
index b69fd63f81..6df182410f 100644
--- a/src/components/Settings/styles.module.scss
+++ b/src/components/Settings/styles.module.scss
@@ -93,6 +93,16 @@
     position 0.3s;
 }
 
+.container:global(.noJumpTo) .wrapper:global(.open) {
+  top: 40px;
+  @media (min-width: $breakpoint-tablet) {
+    top: 0px;
+  }
+}
+
 .wrapper:global(.open) {
   top: 80px;
+  @media (min-width: $breakpoint-tablet) {
+    top: 0px;
+  }
 }