Bläddra i källkod

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

master
Leonard Kim 6 år sedan
förälder
incheckning
df50e7fa69

+ 3
- 8
css/_videolayout_default.scss Visa fil

23
     top: 0;
23
     top: 0;
24
     width: 100%;
24
     width: 100%;
25
 
25
 
26
-    &.fit-full-height #largeVideoBackground {
27
-        height: 100%;
28
-        width: auto;
29
-    }
30
-
31
-    .fit-full-width #largeVideoBackground {
32
-        height: auto;
33
-        width: 100%;
26
+    #largeVideoBackground {
27
+        min-height: 100%;
28
+        min-width: 100%;
34
     }
29
     }
35
 }
30
 }
36
 #largeVideoBackgroundContainer {
31
 #largeVideoBackgroundContainer {

+ 1
- 16
react/features/large-video/components/LargeVideoBackground.web.js Visa fil

15
     PORTRAIT: 'portrait'
15
     PORTRAIT: 'portrait'
16
 };
16
 };
17
 
17
 
18
-/**
19
- * A mapping of orientations to a class that should fit the
20
- * {@code LargeVideoBackground} into its container.
21
- *
22
- * @private
23
- * @type {Object}
24
- */
25
-const ORIENTATION_TO_CLASS = {
26
-    [ORIENTATION.LANDSCAPE]: 'fit-full-width',
27
-    [ORIENTATION.PORTRAIT]: 'fit-full-height'
28
-};
29
-
30
 /**
18
 /**
31
  * The type of the React {@code Component} props of
19
  * The type of the React {@code Component} props of
32
  * {@link LargeVideoBackgroundCanvas}.
20
  * {@link LargeVideoBackgroundCanvas}.
150
         const {
138
         const {
151
             hidden,
139
             hidden,
152
             mirror,
140
             mirror,
153
-            orientationFit,
154
             showLocalProblemFilter,
141
             showLocalProblemFilter,
155
             showRemoteProblemFilter
142
             showRemoteProblemFilter
156
         } = this.props;
143
         } = this.props;
157
-        const orientationClass = orientationFit
158
-            ? ORIENTATION_TO_CLASS[orientationFit] : '';
159
         const classNames = `large-video-background ${mirror ? 'flip-x' : ''} ${
144
         const classNames = `large-video-background ${mirror ? 'flip-x' : ''} ${
160
-            hidden ? 'invisible' : ''} ${orientationClass} ${
145
+            hidden ? 'invisible' : ''} ${
161
             showLocalProblemFilter ? 'videoProblemFilter' : ''} ${
146
             showLocalProblemFilter ? 'videoProblemFilter' : ''} ${
162
             showRemoteProblemFilter ? 'remoteVideoProblemFilter' : ''}`;
147
             showRemoteProblemFilter ? 'remoteVideoProblemFilter' : ''}`;
163
 
148
 

Laddar…
Avbryt
Spara