[bbb-greenlight: 2/12] Fix broken UI on long filenames (#2215)




commit a17bcb9d14ab736fb9d5492dd3804f247829665d
Author: Lars Kiesow <lkiesow uos de>
Date:   Wed Oct 21 16:17:24 2020 +0200

    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 da15ed4..fea9a1e 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;
+}


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]