search

elastic / kibana

Your window into the Elastic Stack
https://www.elastic.co/products/kibana
Other
19.69k stars 8.24k forks source link

[ML] Page titles overlapping with date picker #197892

Closed alvarezmelissa87 closed 2 weeks ago

alvarezmelissa87 commented 1 month ago

Page titles are being overlapped by the date picker in aiops and some other ML pages. I've attached screen shots for each.

Kibana version: Latest

Screenshots (if relevant):

AIOPS:

Image

Image

Image

Anomaly Detection:

Image

Image

This is likely an EUI issue as it's occurring outside ML pages as well:

Image

Data Drift view:

Image

elasticmachine commented 1 month ago

Pinging @elastic/ml-ui (:ml)

alvarezmelissa87 commented 4 weeks ago

Looks like the changes may have been due to this EUI change.

cee-chen commented 4 weeks ago

Interim/partial solution, that at least prevents the majority of overlapping: https://github.com/elastic/kibana/pull/198625 A full solution (which prevents the datepicker from continuing to overflow at smaller widths) will require https://github.com/elastic/eui/pull/8109 and https://github.com/elastic/eui/pull/8110 to be released and updated in Kibana main, which should happen in the next week or so.

peteharverson commented 2 weeks ago

Tested now that the EUI changes detailed in https://github.com/elastic/kibana/issues/197892#issuecomment-2450843412 are in KIbana (eui v97.3.1), and the titles in the ML and AIOps Labs pages are now all looking good, with no overlap with the date picker controls as the page width decreases. Thanks for the fixes @cee-chen !