From c59a595d1d77bccf44764c18c990bb1ad99b4b68 Mon Sep 17 00:00:00 2001
From: r-zakarya <82443831+r-zakarya@users.noreply.github.com>
Date: Fri, 10 Jul 2026 05:09:11 +0100
Subject: [PATCH] feat(settings): fixed-height modal + move unlock sections to
 Account
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Centered settings modal gets a fixed height (min(88vh,620px)) so switching
  between short/long tabs no longer resizes + re-centers it. Entry #slideover
  stays content-sized (edit/new unaffected).
- PIN unlock / Quick unlock / Recovery key moved from Sécurité to the Account
  tab (unlock methods live with the account). Autofill stays in Sécurité.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 css/style.css | 4 ++++
 js/app.js     | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 6db442d..aeb16b9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2112,6 +2112,10 @@ body[data-editor-position="center"] #settingsPanel {
     pointer-events: none;
     transition: transform var(--t-base), opacity var(--t-base);
 }
+/* Settings gets a FIXED height in centered mode so switching tabs (short vs
+   long) doesn't resize + re-center the modal. Entry #slideover stays
+   content-sized (grows with the form). */
+body[data-editor-position="center"] #settingsPanel { height: min(88vh, 620px); }
 body[data-editor-position="center"] #slideover.is-open,
 body[data-editor-position="center"] #settingsPanel.is-open {
     transform: translate(-50%, -50%) scale(1);
diff --git a/js/app.js b/js/app.js
index 8710b65..f6b0581 100644
--- a/js/app.js
+++ b/js/app.js
@@ -7813,8 +7813,8 @@ function closeSettings() {
 const SETTINGS_TAB_OF = {
     'Appearance': 'general',
     'Security': 'security', 'Clipboard privacy': 'security',
-    'PIN unlock': 'security', 'Quick unlock': 'security', 'Recovery key': 'security',
     'Account': 'account',
+    'PIN unlock': 'account', 'Quick unlock': 'account', 'Recovery key': 'account',
     'Export': 'sync', 'Sync (WebDAV)': 'sync', 'Auto-backup': 'sync', 'Import': 'sync',
 };
 let settingsActiveTab = 'general';