From 7439fc73b1fd9045248bd4509e1731cda6732ca1 Mon Sep 17 00:00:00 2001 From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com> Date: Wed, 10 Jul 2024 14:29:36 -0500 Subject: [PATCH] UX: modernize the header drop shadow (#27843) --- app/assets/stylesheets/color_definitions.scss | 2 +- .../stylesheets/common/foundation/color_transformations.scss | 1 - 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/app/assets/stylesheets/color_definitions.scss b/app/assets/stylesheets/color_definitions.scss index d8b960ef37e..7fab2801ebd 100644 --- a/app/assets/stylesheets/color_definitions.scss +++ b/app/assets/stylesheets/color_definitions.scss @@ -140,7 +140,7 @@ --shadow-menu-panel: 0 8px 12px rgba(0, 0, 0, #{$shadow-opacity-menu-panel}); --shadow-card: 0 4px 14px rgba(0, 0, 0, #{$shadow-opacity-card}); --shadow-dropdown: 0 2px 12px 0 rgba(0, 0, 0, #{$shadow-opacity-dropdown}); - --shadow-header: 0 2px 4px -1px rgba(0, 0, 0, #{$shadow-opacity-header}); + --shadow-header: 0 0 0 1px var(--primary-low); --shadow-footer-nav: 0 0 2px 0 rgba(0, 0, 0, #{$shadow-opacity-footer-nav}); --shadow-focus-danger: 0 0 6px 0 var(--danger); diff --git a/app/assets/stylesheets/common/foundation/color_transformations.scss b/app/assets/stylesheets/common/foundation/color_transformations.scss index fa2a1f05408..ec3fa22324b 100644 --- a/app/assets/stylesheets/common/foundation/color_transformations.scss +++ b/app/assets/stylesheets/common/foundation/color_transformations.scss @@ -178,5 +178,4 @@ $shadow-opacity-composer: dark-light-choose(0.12, 0.35) !default; $shadow-opacity-menu-panel: dark-light-choose(0.15, 0.35) !default; $shadow-opacity-card: dark-light-choose(0.15, 0.5) !default; $shadow-opacity-dropdown: dark-light-choose(0.1, 0.25) !default; -$shadow-opacity-header: dark-light-choose(0.25, 0.45) !default; $shadow-opacity-footer-nav: dark-light-choose(0.2, 0.4) !default;