fix(web): search tooltip painted under the section border — lift the header's stacking context

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VbiaaVM2ACxeRi8ySG9ybc
This commit is contained in:
Snow Lee
2026-07-19 11:44:59 -07:00
co-authored by Claude Fable 5
parent 7ddb211fcf
commit 4c59bbc794
5 changed files with 6 additions and 3 deletions
+3
View File
@@ -69,6 +69,9 @@ button, input, a.btn { font-family: inherit; }
display: flex; align-items: center; gap: 9px;
height: 52px; padding: 0 12px 0 14px;
border-bottom: 1px solid var(--border);
/* Own stacking context above the sections below, so the search tooltip
paints over their borders instead of sliding behind them. */
position: relative; z-index: 45;
}
#vault-badge {
width: 22px; height: 22px; border-radius: 6px; flex: none;
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BearDrive</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>&#128059;</text></svg>">
<script type="module" crossorigin src="/assets/index-D_qY6bcM.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-Ch-p2wBE.css">
<script type="module" crossorigin src="/assets/index-DnTochR5.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BoVbUYAg.css">
</head>
<body>
<div id="root"></div>