fix(filmstrip): do not apply flex on local video for horizontal mode
Firefox flex behaves differently from chrome. In firefox, flex is not allowing the local video and invite button to exceed the height of the parent, causing the local video to display shorter than expected due to the invite button. Flex doesn't need to be applied for local video in horizontal filmstrip mode as it's only needed in vertical filmstrip mode to flip the position of the invite button from above the local video to below. Honestly, this could be better off done declaratively in the html, but that's not as straigtforward in this jquery+react world.
This commit is contained in:
parent
a8cc65ab9a
commit
c345c0d5e8
|
@ -65,7 +65,7 @@
|
|||
*/
|
||||
&#filmstripLocalVideo {
|
||||
bottom: 32px;
|
||||
flex-direction: column;
|
||||
display: block;
|
||||
|
||||
/**
|
||||
* The invite button style.
|
||||
|
|
|
@ -56,6 +56,7 @@
|
|||
*/
|
||||
#filmstripLocalVideo {
|
||||
bottom: 5px;
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
height: auto;
|
||||
justify-content: flex-start;
|
||||
|
|
Loading…
Reference in New Issue