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 7fff74c27710c95e76da558afc6cb3feeacc47af..3e5d9912c56120f6d72d1f495743be1f33c3e8be 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 e655d696e540fb4802ff6e7d4a905586d07ea915..a962bb505d6ca1e15fb189841f5586571fc423cd 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