From ac0d7de498111ea192aa98ab11645c71c5c2d19b Mon Sep 17 00:00:00 2001
From: Jeffrey Holland <124393578+jholland-livefront@users.noreply.github.com>
Date: Fri, 25 Apr 2025 15:17:32 +0200
Subject: [PATCH] Make passkey header stick for select and create (#14357)

---
 .../src/modal/passkeys/create/fido2-create.component.html   | 2 +-
 apps/desktop/src/modal/passkeys/fido2-vault.component.html  | 2 +-
 apps/desktop/src/scss/header.scss                           | 6 ++++++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/src/modal/passkeys/create/fido2-create.component.html b/apps/desktop/src/modal/passkeys/create/fido2-create.component.html
index 8fefae29fd0..c52c5db16e9 100644
--- a/apps/desktop/src/modal/passkeys/create/fido2-create.component.html
+++ b/apps/desktop/src/modal/passkeys/create/fido2-create.component.html
@@ -1,7 +1,7 @@
 <div class="tw-flex tw-flex-col tw-h-full">
   <bit-section
     disableMargin
-    class="tw-border-0 tw-border-b tw-border-solid tw-border-secondary-300"
+    class="passkey-header-sticky tw-border-0 tw-border-b tw-border-solid tw-border-secondary-300"
   >
     <bit-section-header class="passkey-header tw-bg-background">
       <div class="tw-flex tw-items-center">
diff --git a/apps/desktop/src/modal/passkeys/fido2-vault.component.html b/apps/desktop/src/modal/passkeys/fido2-vault.component.html
index 5191dcb1b6e..ac1d01255b4 100644
--- a/apps/desktop/src/modal/passkeys/fido2-vault.component.html
+++ b/apps/desktop/src/modal/passkeys/fido2-vault.component.html
@@ -1,7 +1,7 @@
 <div class="tw-flex tw-flex-col tw-h-full">
   <bit-section
     disableMargin
-    class="tw-border-0 tw-border-b tw-border-solid tw-border-secondary-300"
+    class="passkey-header-sticky tw-border-0 tw-border-b tw-border-solid tw-border-secondary-300"
   >
     <bit-section-header class="passkey-header tw-bg-background">
       <div class="tw-flex tw-items-center">
diff --git a/apps/desktop/src/scss/header.scss b/apps/desktop/src/scss/header.scss
index da8d9449b84..c0c763ad429 100644
--- a/apps/desktop/src/scss/header.scss
+++ b/apps/desktop/src/scss/header.scss
@@ -240,3 +240,9 @@
 .passkey-header-close {
   -webkit-app-region: no-drag;
 }
+
+.passkey-header-sticky {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}