search

elastic / kibana

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

Space - Name layout is messed up if the name of the space is exceptionally long ( within 1024 characters though) #24469

Open rashmivkulkarni opened 6 years ago

rashmivkulkarni commented 6 years ago

Kibana version: 6.5.0 snapshot

Elasticsearch version:6.5.0 snapshot

Server OS version:6.5.0 snapshot

Browser version:Chrome latest

Browser OS version: 6.5.0 snapshot

Original install method (e.g. download page, yum, from source, etc.):6.5.0 snapshot

Describe the bug: Bring up the 6.50 snapshot version on cloud. Navigate to Space and create a space with exceptionally long name.( well within acceptable 1024 characters) When you try to delete this space , the layout seems out of bound .

screen shot 2018-10-23 at 9 34 39 pm

cc @legrego

legrego commented 6 years ago

Hey @cchaos, do we have a shared/common solution for something like this? I know you did some work for long space names in https://github.com/elastic/kibana/pull/24442, but I don't think it accounts for spaces that have a long name without any whitespace in them.

I'm tempted to say that this isn't a realistic scenario, but I could be very wrong about that 😄

cchaos commented 6 years ago

You can wrap the name of the space with the class .eui-textBreakAll. I agree it's not very realistic so I'd be careful to not wrap the space name everywhere it's seen and just add this to the modal header.