diff --git a/css/_chat.scss b/css/_chat.scss index 446ebb2e59aff..08a4ec6e810ea 100755 --- a/css/_chat.scss +++ b/css/_chat.scss @@ -481,7 +481,7 @@ &__list li { display: flex; - align-items: flex-start; + align-items: center; justify-content: space-between; border-top: 1px solid #EAEAEA; padding: 20px 0; diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss index c24b234330f91..1231f4151aa73 100755 --- a/css/_videolayout_default.scss +++ b/css/_videolayout_default.scss @@ -735,3 +735,30 @@ white-space: nowrap; width: 100%; } + + +.conference { + &__screen-shared { + z-index: 999; + padding: 5px 11px; + background: rgba(49, 183, 106, 0.7); + display: flex; + align-items: center; + font-size: 14px; + border-radius: 4px; + position: absolute; + left: 47px; + top: auto; + bottom: 20px; + } + + &__screen-shared svg { + fill: #FFF !important; + margin-right:10px; + width: 20px; + } + + &__screen-shared path { + fill: #FFF !important; +} +} diff --git a/react/features/chat/components/web/ChatUsers.js b/react/features/chat/components/web/ChatUsers.js index d1b4b6c79d559..054955e78d69b 100644 --- a/react/features/chat/components/web/ChatUsers.js +++ b/react/features/chat/components/web/ChatUsers.js @@ -120,7 +120,13 @@ export default class ChatUsers extends Component { * @returns {ReactElement} */ render() { - const participants = this._getEngagedUsers().filter(user => { + const { localParticipant } = this.props; + let _participants = this._getEngagedUsers(); + + if (this.state.search) { + _participants = (this.props.participants || []).filter(participant => participant.id !== localParticipant.id); + } + const participants = _participants.filter(user => { if (!this.state.search) { return user; } @@ -144,7 +150,7 @@ export default class ChatUsers extends Component {