From 5991ee797e73e44e4c16f01230eb125871a8d231 Mon Sep 17 00:00:00 2001 From: Alison Joseph Date: Tue, 11 Jul 2023 14:40:10 -0500 Subject: [PATCH] fix: website button style bugs --- src/components/ColorTokenTable/color-token-table.scss | 6 ++++++ src/styles/_overrides.scss | 8 ++++++++ 2 files changed, 14 insertions(+) diff --git a/src/components/ColorTokenTable/color-token-table.scss b/src/components/ColorTokenTable/color-token-table.scss index 35cfdd7462f..1f90e5f2b17 100644 --- a/src/components/ColorTokenTable/color-token-table.scss +++ b/src/components/ColorTokenTable/color-token-table.scss @@ -77,6 +77,12 @@ .color-token-value .cds--overflow-menu { margin-left: $spacing-03; margin-top: -$spacing-03; + padding-block-start: 0; + background-color: $layer-01; + + &:hover { + background-color: $layer-hover; + } } .color-token-value .cds--overflow-menu-options { diff --git a/src/styles/_overrides.scss b/src/styles/_overrides.scss index a1dfdec2886..c7d1e8449b0 100644 --- a/src/styles/_overrides.scss +++ b/src/styles/_overrides.scss @@ -7,3 +7,11 @@ [class^='FourOhFour-module--link']:before { color: $text-inverse !important; } + +// Header icon style fix needed because the Carbon website is on a +// newer version of Carbon vs. the Gatsby theme +// If the Gatsby theme is updated to use latest Carbon, this +// shouldn't be needed +button[class*='Header-module--switcher-button'] { + padding-block-start: 0; +}