L3 - Default AT:
- In the dashboard builder for every diagram title the maximum number of signs is shown that fit into one line
- if the title is longer than the given line space, the title is truncated and we indicate this by adding "..." to the end of the title
- if the diagram title does not fit into the given line space, there is no line break within the title, the remaining signs are hidden and also no scroll bar is shown.
- the former three points also apply for the dropdown in the add a report modal with the only difference that the maximum assumed space is 50 signs
Context:
Long titles might distort the ui of the diagram or the add a report modal. See the attached screenshots for examples.
This is the controller panel for Smart Panels app
[OPT-1122] Reports with long names overlay Report on Dashboard
There is no easy fix in Chrome and IE11 for that, since they don't interpret the max-width css property on select options. Therefore and also because a very long select option does not really break anything, I'm content with the solution. A report name with more than 30 sign should rather be the exception anyway.
Code looks good.
There is one issue left but I am not sure if that can be fixed with the native select input element: The truncation of the option content to 50 character causes some entries to be very short and others to be very long. See screenshot for an example ("I" vs. "W"). The dropdown is then also larger that the select itself, which looks a bit weird. I don't know if we want to do something there, feel free to close this if we are content with the current state.