forked from ZenBrowserMirrors/zen-desktop
fix(styles): adjust zen-toast-container positioning for right-side alignment
This commit is contained in:
parent
e79afc87ca
commit
f89478bf67
1 changed files with 8 additions and 1 deletions
|
@ -351,12 +351,19 @@ menuitem {
|
||||||
#zen-toast-container {
|
#zen-toast-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: calc(var(--zen-element-separation) * 2);
|
top: calc(var(--zen-element-separation) * 2);
|
||||||
right: calc(var(--zen-element-separation) * 2);
|
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: end;
|
align-items: end;
|
||||||
|
|
||||||
|
:root:not([zen-right-side='true']) & {
|
||||||
|
right: calc(var(--zen-element-separation) * 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
:root[zen-right-side='true'] & {
|
||||||
|
left: calc(var(--zen-element-separation) * 2);
|
||||||
|
}
|
||||||
|
|
||||||
& .zen-toast {
|
& .zen-toast {
|
||||||
padding: 0.9rem 0.8rem;
|
padding: 0.9rem 0.8rem;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue