diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md index 459ca34506b4..a1e388ff351b 100644 --- a/packages/components/docs/sass.md +++ b/packages/components/docs/sass.md @@ -7449,8 +7449,8 @@ $hover-selected-ui: if( - **Type**: `{undefined}` - **Used by**: - [carbon--theme [mixin]](#carbon--theme-mixin) + - [data-table-core [mixin]](#data-table-core-mixin) - [data-table-expandable [mixin]](#data-table-expandable-mixin) - - [overflow-menu [mixin]](#overflow-menu-mixin) - [tabs [mixin]](#tabs-mixin) ### ✅inverse-hover-ui [variable] @@ -15058,6 +15058,13 @@ Data table core styles ); //used to center svg without setting display flex //display block needed for overflow text truncation } + .#{$prefix}--data-table .#{$prefix}--overflow-menu, + .#{$prefix}--data-table .#{$prefix}--overflow-menu__trigger { + &:hover { + background-color: $hover-selected-ui; + } + } + .#{$prefix}--data-table--selected .#{$prefix}--overflow-menu, .#{$prefix}--data-table--selected .#{$prefix}--overflow-menu__trigger { &:hover { @@ -15395,6 +15402,7 @@ Data table core styles - [hover-field [variable]](#hover-field-variable) - [spacing-04 [variable]](#spacing-04-variable) - [spacing-03 [variable]](#spacing-03-variable) + - [hover-selected-ui [variable]](#hover-selected-ui-variable) - [selected-ui [variable]](#selected-ui-variable) - [active-ui [variable]](#active-ui-variable) @@ -19823,7 +19831,7 @@ Overflow menu styles } &:hover { - background-color: $hover-selected-ui; + background-color: $hover-ui; } } @@ -20061,7 +20069,7 @@ Overflow menu styles - **Group**: [overflow-menu](#overflow-menu) - **Requires**: - [prefix [variable]](#prefix-variable) - - [hover-selected-ui [variable]](#hover-selected-ui-variable) + - [hover-ui [variable]](#hover-ui-variable) - [ui-01 [variable]](#ui-01-variable) - [ui-02 [variable]](#ui-02-variable) - [icon-01 [variable]](#icon-01-variable) @@ -20070,7 +20078,6 @@ Overflow menu styles - [text-02 [variable]](#text-02-variable) - [text-01 [variable]](#text-01-variable) - [icon-02 [variable]](#icon-02-variable) - - [hover-ui [variable]](#hover-ui-variable) - [text-04 [variable]](#text-04-variable) - [support-01 [variable]](#support-01-variable) - [disabled-02 [variable]](#disabled-02-variable) diff --git a/packages/components/src/components/data-table/_data-table-core.scss b/packages/components/src/components/data-table/_data-table-core.scss index f651e04b74cd..a7f56a8cd3bd 100644 --- a/packages/components/src/components/data-table/_data-table-core.scss +++ b/packages/components/src/components/data-table/_data-table-core.scss @@ -226,6 +226,13 @@ ); //used to center svg without setting display flex //display block needed for overflow text truncation } + .#{$prefix}--data-table .#{$prefix}--overflow-menu, + .#{$prefix}--data-table .#{$prefix}--overflow-menu__trigger { + &:hover { + background-color: $hover-selected-ui; + } + } + .#{$prefix}--data-table--selected .#{$prefix}--overflow-menu, .#{$prefix}--data-table--selected .#{$prefix}--overflow-menu__trigger { &:hover { diff --git a/packages/components/src/components/overflow-menu/_overflow-menu.scss b/packages/components/src/components/overflow-menu/_overflow-menu.scss index 0d05d025f302..95ad05f2213d 100644 --- a/packages/components/src/components/overflow-menu/_overflow-menu.scss +++ b/packages/components/src/components/overflow-menu/_overflow-menu.scss @@ -40,7 +40,7 @@ } &:hover { - background-color: $hover-selected-ui; + background-color: $hover-ui; } }