From 19e962876dfa1963c5a4fbcd7c58268d05f032ec Mon Sep 17 00:00:00 2001 From: Antoine Clausse Date: Tue, 17 Dec 2024 17:44:54 +0100 Subject: [PATCH] [web] Replace "scroll-shadow" by "scroll-borders" in the sidebar (#22563) * Replace "scroll-shadow" by "scroll-borders" in the sidebar * Set invisible borders to prevent "jumps" GitOrigin-RevId: b73ec532f28627d1c55dd64cbfabec8a2efb08b2 --- .../stylesheets/bootstrap-5/pages/project-list-ds-nav.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss index 3848181d20..e916f0695b 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss @@ -92,9 +92,10 @@ .new-project-dropdown { padding: 0 var(--spacing-08) var(--spacing-05) var(--spacing-05); + border-bottom: solid 1px transparent; &.show-shadow { - box-shadow: 0 2px 2px rgb(0 0 0 / 10%); + border-bottom-color: var(--border-divider); } } @@ -108,9 +109,10 @@ .ds-nav-sidebar-lower { padding: var(--spacing-05) var(--spacing-08) 0 var(--spacing-05); + border-top: solid 1px transparent; &.show-shadow { - box-shadow: 0 -2px 2px rgb(0 0 0 / 10%); + border-top-color: var(--border-divider); } }