[EuiTab] Remove inline padding and update text colors - #9878
Draft
ryankeairns wants to merge 6 commits into
Draft
Conversation
Flush tab labels to the edge and use subdued/heading text for inactive/selected tabs while keeping the primary underline. Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Contributor
There was a problem hiding this comment.
Pull request overview
This PR updates EuiTab styling to align tab label/underline edges flush with the tab boundary (removing the prior 4px inline padding) and to modernize label color semantics (inactive vs selected) while keeping the selected underline as primary blue.
Changes:
- Removed horizontal padding from the base
EuiTabstyles so tab contents/underline align flush to the edge. - Updated default (inactive) tab text color to
textSubdued. - Updated selected tab text color to
textHeadingwhile keeping the underlineprimary.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
26 visual difference(s) found - expand to review, then click Approve visual changes to update baselineseuisuperdatepicker (2 differences)
euipage (12 differences)
euitabbedcontent (2 differences)
euitabs (6 differences)
euipagetemplate (4 differences)
|
27 visual difference(s) found - expand to review, then click Approve visual changes to update baselineseuisuperdatepicker (2 differences)
euipage (12 differences)
euitabbedcontent (2 differences)
euitabs (6 differences)
euidatagrid (1 difference)
euipagetemplate (4 differences)
|
Co-authored-by: Cursor <cursoragent@cursor.com>
18 visual difference(s) found - expand to review, then click Approve visual changes to update baselineseuisuperdatepicker (2 differences)
euipage (12 differences)
euipagetemplate (4 differences)
|
18 visual difference(s) found - expand to review, then click Approve visual changes to update baselineseuisuperdatepicker (2 differences)
euipage (12 differences)
euipagetemplate (4 differences)
|
ryankeairns
marked this pull request as draft
August 7, 2026 21:24
Co-authored-by: Cursor <cursoragent@cursor.com>
3 visual difference(s) found - expand to review, then click Approve visual changes to update baselineseuisuperdatepicker (2 differences)
euidatagrid (1 difference)
|
3 visual difference(s) found - expand to review, then click Approve visual changes to update baselineseuisuperdatepicker (2 differences)
euidatagrid (1 difference)
|
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
💚 Build Succeeded
History
|
26 visual difference(s) found - expand to review, then click Approve visual changes to update baselineseuisuperdatepicker (2 differences)
euipage (12 differences)
euitabbedcontent (2 differences)
euitabs (6 differences)
euipagetemplate (4 differences)
|
30 visual difference(s) found - expand to review, then click Approve visual changes to update baselineseuimarkdownformat (3 differences)
euiselectable (1 difference)
euisuperdatepicker (2 differences)
euipage (12 differences)
euitabbedcontent (2 differences)
euitabs (6 differences)
euipagetemplate (4 differences)
|
💔 Build Failed
Failed CI StepsHistory
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Closes #9898
Summary
EuiTabso labels and the selected underline sit flush with the tab edge (#9817)textSubdued, selected tabs usetextHeading; selected underline remains primary blueBefore and After
Test plan
/docs/containers/tabs) — all sizes, selected/disabled, with prepend/appendCloses #9817
Made with Cursor