From d44cf18c7f15a836ba7108c3944ae8ef0384bbbc Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Thu, 18 May 2023 20:58:15 +0300
Subject: [PATCH] Issue #3360245 by mherchel, lauriii, longwave: Black bar
appears (then disappears) at top of viewport when navigating
(cherry picked from commit b94dfc58f91d6b110fa12447f239953d1d7181f8)
---
core/themes/claro/css/components/toolbar.module.css | 6 +-----
core/themes/claro/css/components/toolbar.module.pcss.css | 6 +-----
core/themes/stable9/css/toolbar/toolbar.module.css | 6 +-----
3 files changed, 3 insertions(+), 15 deletions(-)
diff --git a/core/themes/claro/css/components/toolbar.module.css b/core/themes/claro/css/components/toolbar.module.css
index 22ebf073c12d..99daf51388a9 100644
--- a/core/themes/claro/css/components/toolbar.module.css
+++ b/core/themes/claro/css/components/toolbar.module.css
@@ -97,11 +97,7 @@
* style to avoid extra reflow & flicker. */
@media (min-width: 61em) {
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray {
- position: relative;
- z-index: -999;
- display: block;
- visibility: hidden;
- width: 1px;
+ display: none;
}
}
/* Position the admin toolbar fixed when the configured standard breakpoint is
diff --git a/core/themes/claro/css/components/toolbar.module.pcss.css b/core/themes/claro/css/components/toolbar.module.pcss.css
index 5436e9815726..1a81df007171 100644
--- a/core/themes/claro/css/components/toolbar.module.pcss.css
+++ b/core/themes/claro/css/components/toolbar.module.pcss.css
@@ -104,11 +104,7 @@
* style to avoid extra reflow & flicker. */
@media (min-width: 61em) {
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray {
- position: relative;
- z-index: -999;
- display: block;
- visibility: hidden;
- width: 1px;
+ display: none;
}
}
diff --git a/core/themes/stable9/css/toolbar/toolbar.module.css b/core/themes/stable9/css/toolbar/toolbar.module.css
index 0cfb78511f9a..6eabe49bcd28 100644
--- a/core/themes/stable9/css/toolbar/toolbar.module.css
+++ b/core/themes/stable9/css/toolbar/toolbar.module.css
@@ -83,11 +83,7 @@
* style to avoid extra reflow & flicker. */
@media (min-width: 61em) {
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray {
- position: relative;
- z-index: -999;
- display: block;
- visibility: hidden;
- width: 1px;
+ display: none;
}
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray .toolbar-lining {
width: 999em;
--
GitLab