From 825ad210d165542d980810b007694dbce78b3a2d Mon Sep 17 00:00:00 2001 From: Heather Date: Thu, 10 Oct 2024 13:43:14 -0400 Subject: [PATCH 1/2] fix z-index of open nav --- src/styles/layout.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/layout.scss b/src/styles/layout.scss index e992100a51d..9fef1ea979f 100644 --- a/src/styles/layout.scss +++ b/src/styles/layout.scss @@ -136,7 +136,7 @@ position: fixed; top: 0; width: 100%; - z-index: 1; + z-index: 2; } @keyframes menu { From 62d7b526425cc18bcb63f907898b97a73cb0a833 Mon Sep 17 00:00:00 2001 From: Heather Date: Thu, 10 Oct 2024 14:39:30 -0400 Subject: [PATCH 2/2] fix z-index of color switcher --- src/styles/color-switcher.scss | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/styles/color-switcher.scss b/src/styles/color-switcher.scss index 9e6fb70599d..86428dfff31 100644 --- a/src/styles/color-switcher.scss +++ b/src/styles/color-switcher.scss @@ -23,10 +23,11 @@ &:hover { background-color: var(--amplify-colors-primary-10); } - } - .amplify-togglebutton--pressed { - color: var(--amplify-colors-font-primary); - border-color: var(--amplify-colors-neutral-100); - background-color: var(--amplify-colors-primary-10); + &.amplify-togglebutton--pressed { + color: var(--amplify-colors-font-primary); + border-color: var(--amplify-colors-neutral-100); + background-color: var(--amplify-colors-primary-10); + z-index: 1; + } } }