LeMoonStar/zen-realigned
1
0
Fork 0
forked from ZenBrowserMirrors/zen-desktop
Code Pull requests Activity

fix(styles): adjust zen-toast-container positioning for right-side alignment

Browse source
This commit is contained in:
mr. M 2025-03-24 11:11:05 +01:00
parent e79afc87ca
commit f89478bf67
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/browser/base/content/zen-styles/zen-popup.css
View file

@ -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;