From a17bcb9d14ab736fb9d5492dd3804f247829665d Mon Sep 17 00:00:00 2001 From: Lars Kiesow Date: Wed, 21 Oct 2020 16:17:24 +0200 Subject: [PATCH] Fix broken UI on long filenames (#2215) If you select a presentation with a very long filename in in Greenlight, the filename text in the upload dialog wraps at the end and leaves the label box, leading to a slightly broken looking user interface. This patch adjusts the style to hide the end of a long filename, ending with a horizontal ellipsis instead. --- app/assets/stylesheets/rooms.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/rooms.scss b/app/assets/stylesheets/rooms.scss index da15ed4e..fea9a1e5 100644 --- a/app/assets/stylesheets/rooms.scss +++ b/app/assets/stylesheets/rooms.scss @@ -125,4 +125,11 @@ .create-room-button { width: 49%; -} \ No newline at end of file +} + +#presentation-upload-label { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding-right: 75px; +}