mirror of https://github.com/vector-im/riot-web
Hide feeds with muted video in certain cases and fix colors
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>pull/21833/head
parent
6ae1f533e9
commit
9a67851479
|
@ -38,7 +38,7 @@ limitations under the License.
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
|
|
||||||
&.mx_VideoFeed_voice {
|
&.mx_VideoFeed_voice {
|
||||||
background-color: #17191c; // Same on both themes
|
background-color: $inverted-bg-color;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -614,6 +614,7 @@ export default class CallView extends React.Component<IProps, IState> {
|
||||||
<CallViewSidebar
|
<CallViewSidebar
|
||||||
feeds={this.state.secondaryFeeds}
|
feeds={this.state.secondaryFeeds}
|
||||||
call={this.props.call}
|
call={this.props.call}
|
||||||
|
hideFeedsWithMutedVideo={!this.state.primaryFeed || this.state.primaryFeed?.isVideoMuted()}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,11 +23,14 @@ import VideoFeed from "./VideoFeed";
|
||||||
interface IProps {
|
interface IProps {
|
||||||
feeds: Array<CallFeed>;
|
feeds: Array<CallFeed>;
|
||||||
call: MatrixCall;
|
call: MatrixCall;
|
||||||
|
hideFeedsWithMutedVideo: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
export default class CallViewSidebar extends React.Component<IProps> {
|
export default class CallViewSidebar extends React.Component<IProps> {
|
||||||
render() {
|
render() {
|
||||||
const feeds = this.props.feeds.map((feed) => {
|
const feeds = this.props.feeds.map((feed) => {
|
||||||
|
if (feed.isVideoMuted() && this.props.hideFeedsWithMutedVideo) return;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<VideoFeed
|
<VideoFeed
|
||||||
key={feed.stream.id}
|
key={feed.stream.id}
|
||||||
|
|
Loading…
Reference in New Issue