Middle Header: Fix overlapping toolbar elements (#6551)
This commit is contained in:
parent
4819cf02b3
commit
9b17732097
@ -71,6 +71,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header-tools {
|
.header-tools {
|
||||||
|
z-index: 1;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -78,6 +80,8 @@
|
|||||||
|
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
|
||||||
|
background-color: var(--color-background);
|
||||||
|
|
||||||
body.no-page-transitions & {
|
body.no-page-transitions & {
|
||||||
&,
|
&,
|
||||||
.AudioPlayer,
|
.AudioPlayer,
|
||||||
|
|||||||
@ -82,6 +82,7 @@
|
|||||||
cursor: var(--custom-cursor, pointer);
|
cursor: var(--custom-cursor, pointer);
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -94,6 +95,8 @@
|
|||||||
padding-left: 0.375rem;
|
padding-left: 0.375rem;
|
||||||
border-radius: var(--border-radius-messages-small);
|
border-radius: var(--border-radius-messages-small);
|
||||||
|
|
||||||
|
background-color: var(--color-background);
|
||||||
|
|
||||||
&:hover:not(.no-hover) {
|
&:hover:not(.no-hover) {
|
||||||
background-color: var(--color-interactive-element-hover);
|
background-color: var(--color-interactive-element-hover);
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user