From 84bfca22445caf837525c25156cf3569ae463033 Mon Sep 17 00:00:00 2001 From: Tainan Felipe Date: Fri, 6 Apr 2018 14:42:37 -0300 Subject: [PATCH 1/4] fix username clipped in chat and userList --- .../chat/message-list/message-list-item/styles.scss | 8 +++++++- .../user-list-item/user-name/styles.scss | 3 +-- 2 files changed, 8 insertions(+), 3 deletions(-) mode change 100644 => 100755 bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss mode change 100644 => 100755 bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-list-item/user-name/styles.scss diff --git a/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss b/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss old mode 100644 new mode 100755 index bafdf69f8e..790ecf4d14 --- a/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss @@ -51,7 +51,7 @@ flex: 1; display: flex; flex-flow: column; - overflow: hidden; + width: calc(100% - 1.7rem); } .meta { @@ -70,9 +70,15 @@ min-width: 0; font-weight: 600; color: $color-heading; + width: 100%; + position: relative; > span { @extend %text-elipsis; + padding: .5rem 0; + position: absolute; + top: -.5rem; + width: 100%; } } diff --git a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-list-item/user-name/styles.scss b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-list-item/user-name/styles.scss old mode 100644 new mode 100755 index de5714574d..45ef15c2ff --- a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-list-item/user-name/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-list-item/user-name/styles.scss @@ -18,6 +18,7 @@ transition: all 0.3s; font-weight: 400; color: $color-gray-dark; + padding: .5rem 0; } .userNameSub { @@ -34,5 +35,3 @@ font-size: 75%; } } - - From 399cf2d1355e203d11d7c0e11685c5bab9036535 Mon Sep 17 00:00:00 2001 From: Tainan Felipe Date: Tue, 17 Apr 2018 09:55:20 -0300 Subject: [PATCH 2/4] Remove position absolute --- .../message-list-item/styles.scss | 20 +++++++------------ 1 file changed, 7 insertions(+), 13 deletions(-) diff --git a/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss b/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss index 790ecf4d14..33f2d16c62 100755 --- a/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss @@ -65,33 +65,27 @@ } } -.name { +.name, .logout { display: flex; min-width: 0; font-weight: 600; - color: $color-heading; - width: 100%; position: relative; > span { @extend %text-elipsis; padding: .5rem 0; - position: absolute; - top: -.5rem; - width: 100%; + margin-top: -.5rem; + margin-bottom: -.5rem; } } +.name { + color: $color-heading; +} + .logout { - display: flex; - min-width: 0; - font-weight: 600; text-transform: capitalize; font-style: italic; - - > span { - @extend %text-elipsis; - } } .offline { From ebbff66e1ba8fa57c9331488d729363f7b602cf4 Mon Sep 17 00:00:00 2001 From: Tainan Felipe Date: Wed, 18 Apr 2018 09:44:52 -0300 Subject: [PATCH 3/4] Fix username cliped in right side --- .../chat/message-list/message-list-item/styles.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss b/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss index 33f2d16c62..f4a6a7d6bd 100755 --- a/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss @@ -86,6 +86,10 @@ .logout { text-transform: capitalize; font-style: italic; + & > span { + text-align: right; + padding-right: .1rem; + } } .offline { @@ -93,7 +97,6 @@ font-weight: 100; text-transform: lowercase; font-style: italic; - margin-left: .25rem; font-size: 90%; line-height: 1; align-self: center; From a6f75af2c7aa8551e6f9d4652148641a5867fd5b Mon Sep 17 00:00:00 2001 From: Tainan Felipe Date: Wed, 18 Apr 2018 13:53:50 -0300 Subject: [PATCH 4/4] add padding in chat list item --- .../imports/ui/components/user-list/chat-list-item/styles.scss | 2 ++ 1 file changed, 2 insertions(+) mode change 100644 => 100755 bigbluebutton-html5/imports/ui/components/user-list/chat-list-item/styles.scss diff --git a/bigbluebutton-html5/imports/ui/components/user-list/chat-list-item/styles.scss b/bigbluebutton-html5/imports/ui/components/user-list/chat-list-item/styles.scss old mode 100644 new mode 100755 index 00a15d7454..728804b22c --- a/bigbluebutton-html5/imports/ui/components/user-list/chat-list-item/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/user-list/chat-list-item/styles.scss @@ -44,6 +44,8 @@ margin-left: $sm-padding-x; position: relative; top: $md-padding-y; + padding: .5rem 0; + margin-top: -.5rem; } .active {