Make passkey header stick for select and create (#14357)

2025-12-11 13:53:34 +00:00 · 2025-04-25 15:17:32 +02:00
parent 27f973e5aa
commit ac0d7de498
3 changed files with 8 additions and 2 deletions
--- 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">
--- 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">
--- 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;
+}