haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(large-video): make blurred background fit whole screen

This commit is contained in:
Leonard Kim 2019-06-12 18:18:33 -07:00 committed by virtuacoplenny
parent f85ac3ef91
commit df50e7fa69
2 changed files with 4 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/_videolayout_default.scss
View File

@ -23,14 +23,9 @@
top: 0; top: 0;
width: 100%; width: 100%;
&.fit-full-height #largeVideoBackground { #largeVideoBackground {
height: 100%; min-height: 100%;
width: auto; min-width: 100%;
}
.fit-full-width #largeVideoBackground {
height: auto;
width: 100%;
} }
} }
#largeVideoBackgroundContainer { #largeVideoBackgroundContainer {

17
react/features/large-video/components/LargeVideoBackground.web.js
View File

@ -15,18 +15,6 @@ export const ORIENTATION = {
PORTRAIT: 'portrait' PORTRAIT: 'portrait'
}; };
/**
* A mapping of orientations to a class that should fit the
* {@code LargeVideoBackground} into its container.
*
* @private
* @type {Object}
*/
const ORIENTATION_TO_CLASS = {
[ORIENTATION.LANDSCAPE]: 'fit-full-width',
[ORIENTATION.PORTRAIT]: 'fit-full-height'
};
/** /**
* The type of the React {@code Component} props of * The type of the React {@code Component} props of
* {@link LargeVideoBackgroundCanvas}. * {@link LargeVideoBackgroundCanvas}.
@ -150,14 +138,11 @@ export class LargeVideoBackground extends Component<Props> {
const { const {
hidden, hidden,
mirror, mirror,
orientationFit,
showLocalProblemFilter, showLocalProblemFilter,
showRemoteProblemFilter showRemoteProblemFilter
} = this.props; } = this.props;
const orientationClass = orientationFit
? ORIENTATION_TO_CLASS[orientationFit] : '';
const classNames = `large-video-background ${mirror ? 'flip-x' : ''} ${ const classNames = `large-video-background ${mirror ? 'flip-x' : ''} ${
hidden ? 'invisible' : ''} ${orientationClass} ${ hidden ? 'invisible' : ''} ${
showLocalProblemFilter ? 'videoProblemFilter' : ''} ${ showLocalProblemFilter ? 'videoProblemFilter' : ''} ${
showRemoteProblemFilter ? 'remoteVideoProblemFilter' : ''}`; showRemoteProblemFilter ? 'remoteVideoProblemFilter' : ''}`;