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.
This PR cleans up the
EuiHeader
responsive styles and fixes a few other bugs.1. Bug fix: Truncated and responsive breadcrumb styles were not playing nice
If you added both truncation and responsive props to breadcrumbs, the styles didn't hide the correct children via
nth-last-of-type
since the of-type also depends on the dom element.Before
After
2. Style fix: Visual updates to
KeyPadMenu
Decreased size of text and bolded labels. Also changed the amount of shifting the icon does between states because the normal state was a bit too close to the label.
Before
After
3. Addition: Added a
HeaderSpacesMenu
to showcase that implementationYes, the popover's triangle isn't properly colored, that'll be in a different PR
4. Refactor: Moved
EuiHeaderNotification
to a genericEuiNotificationBadge
5. Style fix:
EuiHeader
responds way better to smaller screen sizesBefore
After
Also fixed the links version
Before
After
6. Bug fix: Fixed the responsive utility (show-for/hide-for) classes for IE
IE doesn't support
display: initial
:smh:, so it's set toinline
which seems to be whatinitial
returns anyway.TODO: