diff --git a/CHANGELOG.md b/CHANGELOG.md index 002c871251a..eeca8499a55 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,7 @@ - Converted `NavDrawer`, `NavDrawerGroup`, and `NavDrawerFlyout` to TypeScript ([#3268](https://github.com/elastic/eui/pull/3268)) - Converted `EuiDatePicker`, `EuiDatePickerRange`, `EuiSuperDatePicker`, and `EuiSuperUpdateButton` to TypeScript ([#2891](https://github.com/elastic/eui/pull/2891)) +- Improved condensed `EuiTabs` focus states ([#3299](https://github.com/elastic/eui/pull/3299)) ## [`22.5.0`](https://github.com/elastic/eui/tree/v22.5.0) diff --git a/src/components/tabs/_tabs.scss b/src/components/tabs/_tabs.scss index d453b7fe2cf..b2c197feab8 100644 --- a/src/components/tabs/_tabs.scss +++ b/src/components/tabs/_tabs.scss @@ -89,18 +89,22 @@ .euiTabs--condensed & { font-weight: $euiFontWeightSemiBold; - padding: $euiSizeS 0; + padding: $euiSizeS $euiSizeXS; &:focus { - background-color: transparent; + background-color: $euiFocusBackgroundColor; &::before { display: none; } } + &-isSelected { + text-decoration: none; + } + & + .euiTab { - margin-left: $euiSizeL; + margin-left: $euiSize; } }