Skip to content

Commit 9dc335e

Browse files
committed
style(modal): attenuer focus sur inputs dans modales (password, modal-content)
1 parent 58d6cdf commit 9dc335e

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

style.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -555,6 +555,14 @@ body.details-mode .scroll-shell { top:calc(var(--header-h) + var(--subbar-h)); }
555555
/* Recherche centrée dans header */
556556
.header-center .search input { width:clamp(320px, 42vw, 560px); }
557557

558+
/* Focus : recherche atténuée (permanent) */
559+
.search input:focus, .search input:focus-visible {
560+
outline: none !important;
561+
box-shadow: 0 0 0 1.5px rgba(90,120,150,0.35) !important;
562+
border-color: rgba(90,120,150,0.8) !important;
563+
background: var(--card) !important;
564+
}
565+
558566
.header-actions { display:flex; align-items:center; gap:8px; margin-right:12px; -webkit-app-region:no-drag; }
559567
.search input {
560568
min-width: 280px; max-width: 460px; width: 30vw;
@@ -1281,6 +1289,20 @@ body.pm-popup-open { overflow: hidden; }
12811289
.password-modal .password-input { width:100%; padding:0.5em; margin-bottom:1em; font-size:1em; border-radius:6px; border:1px solid var(--border); background:var(--bg); color:var(--text); }
12821290
.password-modal .password-error { color:#c00; display:none; margin-bottom:1em; }
12831291
.password-modal .modal-actions { display:flex; gap:0.5em; justify-content:flex-end; }
1292+
1293+
/* Focus: inputs in modals (password, confirmations, etc.) */
1294+
.password-modal .password-input:focus,
1295+
.modal-content input:focus,
1296+
.modal-content textarea:focus,
1297+
.password-modal .password-input:focus-visible,
1298+
.modal-content input:focus-visible,
1299+
.modal-content textarea:focus-visible {
1300+
outline: none !important;
1301+
box-shadow: 0 0 0 1.5px rgba(90,120,150,0.35) !important;
1302+
border-color: rgba(90,120,150,0.8) !important;
1303+
background: var(--card) !important;
1304+
}
1305+
12841306
@media (prefers-color-scheme: dark) {
12851307
.password-modal .password-error { color:#ff6b6b; }
12861308
}

0 commit comments

Comments
 (0)