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 {
|
||||
position: fixed;
|
||||
top: calc(var(--zen-element-separation) * 2);
|
||||
right: calc(var(--zen-element-separation) * 2);
|
||||
z-index: 1000;
|
||||
gap: 1rem;
|
||||
display: flex;
|
||||
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 {
|
||||
padding: 0.9rem 0.8rem;
|
||||
border-radius: 12px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue