mirror of
https://github.com/zen-browser/desktop.git
synced 2026-05-20 12:01:27 +00:00
gh-13516: Show the loading indicator ontop of the webview for toolbar mode (gh-13588)
This commit is contained in:
@@ -739,17 +739,13 @@
|
||||
--zen-loading-progress-bar-color: color-mix(in srgb, var(--zen-primary-color), light-dark(rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5)) 70%);
|
||||
|
||||
position: fixed;
|
||||
top: calc(-2px - env(hairline));
|
||||
top: calc(var(--zen-element-separation) / -2);
|
||||
|
||||
/* Minimum -2px, but if its larger, elemenet separation / -2 will be used as top offset, to avoid overlapping with the notification stack */
|
||||
:root:is([zen-no-padding="true"], [inDOMFullscreen="true"]) & {
|
||||
:root:is([zen-no-padding="true"], [inDOMFullscreen="true"], :not([zen-single-toolbar="true"])) & {
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
:root[zen-single-toolbar="true"] & {
|
||||
top: calc(var(--zen-element-separation) / -2);
|
||||
}
|
||||
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%) scale(0);
|
||||
background: var(--zen-loading-progress-bar-color);
|
||||
|
||||
Reference in New Issue
Block a user