Long project / dataset filenames cause visual problems

Kitware / candela

Visualization components for the web

https://candela.readthedocs.io

Apache License 2.0

116 stars 29 forks source link

Long project / dataset filenames cause visual problems #254

Open alex-r-bigelow opened 8 years ago

alex-r-bigelow commented 8 years ago

Filenames can overlap each other in both the dataset / project selection menus, as well as the toggle buttons on top of the widgets

waxlamp commented 8 years ago

Can we solve both problems with judicious use of ellipses? Maybe with either a tooltip or some kind of temporary animation revealing the full name on mouseover or hover?

alex-r-bigelow commented 8 years ago

Yup, that's the plan. A convenient time to fix this will be when we get around to tackling #164

TristanWright commented 8 years ago

You could use text-overflow: ellipsis; in combination with some tooltip or just a title attribute.

https://codepen.io/tristaaan/pen/VKvvoX?editors=1100