[fix] help menu css (#1888)
This PR fixes the help menu CSS in certain embedded views. ### Change Type - [x] `patch` — Bug fix
This commit is contained in:
parent
f3af81bf34
commit
7fecf82423
1 changed files with 4 additions and 17 deletions
|
@ -1033,30 +1033,17 @@
|
||||||
.tlui-help-menu__button {
|
.tlui-help-menu__button {
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: var(--color-low);
|
background-color: var(--color-low);
|
||||||
border-radius: var(--radius-4);
|
|
||||||
background-color: var(--color-low);
|
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
height: 40px;
|
height: 48px;
|
||||||
width: 40px;
|
width: 48px;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
z-index: var(--layer-panels);
|
z-index: var(--layer-panels);
|
||||||
|
border: 4px solid var(--color-background);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
}
|
z-index: 1;
|
||||||
|
|
||||||
.tlui-help-menu__button::before {
|
|
||||||
display: block;
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: -4px;
|
|
||||||
left: -4px;
|
|
||||||
height: 40px;
|
|
||||||
width: 40px;
|
|
||||||
border-radius: 100%;
|
|
||||||
border: 4px solid var(--color-background);
|
|
||||||
z-index: -1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tlui-help-menu__button::after {
|
.tlui-help-menu__button::after {
|
||||||
|
|
Loading…
Reference in a new issue