From da2e947cf44e242a304a447e5d53ceeabb410520 Mon Sep 17 00:00:00 2001
From: CristianSilvaGrosseli <cristian23sai@gmail.com>
Date: Tue, 28 Jul 2020 19:56:03 -0300
Subject: [PATCH] added ellipsis property to video user name.
---
.../components/video-provider/video-list/styles.scss | 10 ++++++++--
.../video-list/video-list-item/component.jsx | 2 +-
2 files changed, 9 insertions(+), 3 deletions(-)
diff --git a/bigbluebutton-html5/imports/ui/components/video-provider/video-list/styles.scss b/bigbluebutton-html5/imports/ui/components/video-provider/video-list/styles.scss
index 7fff74c277..3e5d9912c5 100755
--- a/bigbluebutton-html5/imports/ui/components/video-provider/video-list/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/video-provider/video-list/styles.scss
@@ -110,14 +110,18 @@
margin: 0 -0.25em 0 0;
border-radius: 1px;
opacity: 1;
- color: var(--color-white);
- font-size: 100%;
[dir="rtl"] & {
margin: 0 0 0 -0.25em
}
}
+.loadingText {
+ @extend %text-elipsis;
+ color: var(--color-white);
+ font-size: 100%;
+}
+
.media {
@extend %media-area;
}
@@ -136,6 +140,8 @@
.dropdown,
.dropdownFireFox {
+ position: absolute;
+ left: 0;
flex: 1;
display: flex;
outline: none !important;
diff --git a/bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/component.jsx b/bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/component.jsx
index e655d696e5..a962bb505d 100755
--- a/bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/video-provider/video-list/video-list-item/component.jsx
@@ -162,7 +162,7 @@ class VideoListItem extends Component {
{
!videoIsReady &&
<div className={styles.connecting}>
- <span>{name}</span>
+ <span className={styles.loadingText}>{name}</span>
</div>
}
<div
--
GitLab