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:
parent
b679fc9f1f
commit
fec0149f55
|
|
@ -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,
|
||||
|
|
|
|||
Loading…
Reference in New Issue