If too many events / lessons are at the same time (next to each other in the UI) the text inside can overflow outside of the boundaries of the event / lesson.
Steps to Reproduce
Go to timetable / calendar page
Add several (>= 3) lessons / events with a room specifier for the same time so that they are positioned next to each other.
(Note: The room specifier is not strictly needed the bug can also happen without one. It's more likely to happen if a room is specified though.)
Current broken behavior
The text overflows outside the boundary of the lesson / event container.
Expected behavior
The text should not overflow. It should be shortend ("...") at the right place.
Screenshots, videos or logs
(Some of the screenshots, videos are taken from the old GitLab issue. They should be valid though.)
Describe the bug
If too many events / lessons are at the same time (next to each other in the UI) the text inside can overflow outside of the boundaries of the event / lesson.
Steps to Reproduce
(Note: The room specifier is not strictly needed the bug can also happen without one. It's more likely to happen if a room is specified though.)
Current broken behavior
The text overflows outside the boundary of the lesson / event container.
Expected behavior
The text should not overflow. It should be shortend ("...") at the right place.
Screenshots, videos or logs
(Some of the screenshots, videos are taken from the old GitLab issue. They should be valid though.)
https://user-images.githubusercontent.com/29028262/152434820-fae89461-0da5-4519-a22b-5841655de708.mov
Tested device
Additional context
Original issue: https://gitlab.com/codingbrain/sharezone/sharezone-app/-/issues/1354