Procházet zdrojové kódy

fix(filmstrip): adjust filmstrip remote videos positioning

- For horizontal mode, remove extra spacing created by borders
  around local video and remote videos.
- For vertical mode, ensure remote videos grow only to fill the
  parent height.
master
Leonard Kim před 8 roky
rodič
revize
1a87ee5f93
2 změnil soubory, kde provedl 5 přidání a 6 odebrání
  1. 4
    5
      css/_filmstrip.scss
  2. 1
    1
      css/_vertical_filmstrip_overrides.scss

+ 4
- 5
css/_filmstrip.scss Zobrazit soubor

51
         height:196px;
51
         height:196px;
52
         padding: 0;
52
         padding: 0;
53
         /* The filmstrip should not be covered by the left toolbar. */
53
         /* The filmstrip should not be covered by the left toolbar. */
54
-        padding-left: $defaultToolbarSize + 5;
55
         bottom: 0;
54
         bottom: 0;
56
         width:auto;
55
         width:auto;
57
-        border: $thumbnailsBorder solid transparent;
58
         z-index: $filmstripVideosZ;
56
         z-index: $filmstripVideosZ;
59
         transition: bottom 2s;
57
         transition: bottom 2s;
60
         overflow: visible !important;
58
         overflow: visible !important;
62
         videos. */
60
         videos. */
63
         font-size: 0pt;
61
         font-size: 0pt;
64
 
62
 
65
-        #filmstripLocalVideo {
66
-            padding-left: 0;
67
-        }
63
+        &#remoteVideos {
64
+            border: $thumbnailsBorder solid transparent;
65
+            padding-left: $defaultToolbarSize + 5;
66
+       }
68
 
67
 
69
         &.hidden {
68
         &.hidden {
70
             bottom: -196px;
69
             bottom: -196px;

+ 1
- 1
css/_vertical_filmstrip_overrides.scss Zobrazit soubor

70
 
70
 
71
         #remoteVideos {
71
         #remoteVideos {
72
             flex-direction: column-reverse;
72
             flex-direction: column-reverse;
73
-            height: 100%;
73
+            flex-grow: 1;
74
         }
74
         }
75
 
75
 
76
         .videocontainer {
76
         .videocontainer {

Načítá se…
Zrušit
Uložit