fix(filmstrip) remove border from filmstrip (#10367)
This commit is contained in:
parent
04b085e062
commit
42e62e013d
|
@ -547,6 +547,7 @@ class Thumbnail extends Component<Props, State> {
|
||||||
|
|
||||||
const { canPlayEventReceived } = this.state;
|
const { canPlayEventReceived } = this.state;
|
||||||
const {
|
const {
|
||||||
|
_currentLayout,
|
||||||
_height,
|
_height,
|
||||||
_isHidden,
|
_isHidden,
|
||||||
_isScreenSharing,
|
_isScreenSharing,
|
||||||
|
@ -556,6 +557,8 @@ class Thumbnail extends Component<Props, State> {
|
||||||
style
|
style
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
|
const tileViewActive = _currentLayout === LAYOUTS.TILE_VIEW;
|
||||||
|
|
||||||
let styles: {
|
let styles: {
|
||||||
avatar: Object,
|
avatar: Object,
|
||||||
thumbnail: Object,
|
thumbnail: Object,
|
||||||
|
@ -578,7 +581,7 @@ class Thumbnail extends Component<Props, State> {
|
||||||
if (!_isScreenSharing) {
|
if (!_isScreenSharing) {
|
||||||
if (canPlayEventReceived || _participant.local) {
|
if (canPlayEventReceived || _participant.local) {
|
||||||
videoStyles = {
|
videoStyles = {
|
||||||
objectFit: _height > 320 ? 'cover' : 'contain'
|
objectFit: _height < 320 && tileViewActive ? 'contain' : 'cover'
|
||||||
};
|
};
|
||||||
} else {
|
} else {
|
||||||
videoStyles = {
|
videoStyles = {
|
||||||
|
|
Loading…
Reference in New Issue