Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[EuiHeader] Remove custom border-bottom color on dark mode #8070

Merged
merged 5 commits into from
Oct 14, 2024

Conversation

cee-chen
Copy link
Member

@cee-chen cee-chen commented Oct 10, 2024

Summary

closes #8067

QA

General checklist

  • Browser QA
    • Checked in both light and dark modes
    • Checked in mobile
    • Checked in Chrome, Safari, Edge, and Firefox
      - [ ] Checked for accessibility including keyboard-only and screenreader modes
  • Docs site QA - N/A
  • Code quality checklist
    - [ ] Added or updated jest and cypress tests
  • Release checklist
    • A changelog entry exists and is marked appropriately.
      - [ ] If applicable, added the breaking change issue label (and filled out the breaking change checklist)
  • Designer checklist - TODO

- note: `theme="dark"` headers continue to have no visible border
@cee-chen cee-chen marked this pull request as ready for review October 10, 2024 16:31
@cee-chen cee-chen requested a review from a team as a code owner October 10, 2024 16:31
Copy link
Contributor

@mgadewoll mgadewoll left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚢 🐈‍⬛ Nice quick update! 🎉

I added updated EuiHeader VRT images. There were more changes because apparently the existing images still had a different font (looks like a fallback font) 🤷‍♀️

Screenshot 2024-10-10 at 21 35 22

left=old, right=updated
Screenshot 2024-10-10 at 21 41 53

- looks much better in dark mode and doesn't affect light mode substantially
- to match new EuiHeader dark mode

- it's a one-off color that doesn't make sense to maintain
@cee-chen cee-chen enabled auto-merge (squash) October 14, 2024 20:11
@cee-chen cee-chen merged commit 33bf1b7 into elastic:main Oct 14, 2024
5 checks passed
@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

History

@cee-chen cee-chen deleted the header-border branch October 14, 2024 20:39
cee-chen pushed a commit to elastic/kibana that referenced this pull request Oct 18, 2024
`v97.0.0-backport.0`⏩`v97.2.0`

_[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)_

---

## [`v97.2.0`](https://github.com/elastic/eui/releases/v97.2.0)

- Updated `EuiHeaderLinks` with a new `xxs` gutter size
([#8079](elastic/eui#8079))

**Bug fixes**

- Reverted an `EuiDataGrid` regression from
[#8015](elastic/eui#8015) which prevented
overriding column widths via columns's `initialWidth`s
([#8086](elastic/eui#8086))


## [`v97.1.0`](https://github.com/elastic/eui/releases/v97.1.0)

- Added `columnVisibility.canDragAndDropColumns` on `EuiDataGrid` which
enables reordering columns via draggable header cells
([#8015](elastic/eui#8015))
- Updated `EuiHeader`s in dark mode to have a visible border-bottom
color ([#8070](elastic/eui#8070))
- Added props `minDate` and `maxDate` on `EuiSuperDatePicker` to support
restricting date range selections
([#8071](elastic/eui#8071))
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Oct 18, 2024
`v97.0.0-backport.0`⏩`v97.2.0`

_[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)_

---

## [`v97.2.0`](https://github.com/elastic/eui/releases/v97.2.0)

- Updated `EuiHeaderLinks` with a new `xxs` gutter size
([elastic#8079](elastic/eui#8079))

**Bug fixes**

- Reverted an `EuiDataGrid` regression from
[elastic#8015](elastic/eui#8015) which prevented
overriding column widths via columns's `initialWidth`s
([elastic#8086](elastic/eui#8086))

## [`v97.1.0`](https://github.com/elastic/eui/releases/v97.1.0)

- Added `columnVisibility.canDragAndDropColumns` on `EuiDataGrid` which
enables reordering columns via draggable header cells
([elastic#8015](elastic/eui#8015))
- Updated `EuiHeader`s in dark mode to have a visible border-bottom
color ([elastic#8070](elastic/eui#8070))
- Added props `minDate` and `maxDate` on `EuiSuperDatePicker` to support
restricting date range selections
([elastic#8071](elastic/eui#8071))

(cherry picked from commit d7c5608)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Navigation sidebar border-top disappears on dark theme
3 participants