fix(shell): ensure header settings/history buttons are clickable

Add z-index stacking contexts to header left/right sections so buttons
render above center content and backdrop-filter pseudo-element. Add
overflow:hidden on center to prevent search bar overflow into button areas.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-21 16:13:38 -07:00
parent b679fc9f1f
commit fec0149f55
1 changed files with 8 additions and 1 deletions

View File

@ -41,6 +41,8 @@ body {
display: flex;
align-items: center;
gap: 4px;
position: relative;
z-index: 2;
}
.rstack-header__center {
@ -49,12 +51,15 @@ body {
justify-content: center;
padding: 0 16px;
min-width: 0;
overflow: hidden;
}
.rstack-header__right {
display: flex;
align-items: center;
gap: 12px;
position: relative;
z-index: 2;
}
.rstack-header__demo-btn {
@ -107,13 +112,15 @@ body {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
padding: 6px;
border: none;
border-radius: 6px;
background: none;
color: var(--rs-text-secondary);
cursor: pointer;
transition: color 0.15s, background 0.15s;
pointer-events: auto;
position: relative;
}
.rstack-header__settings-btn:hover,