From 5cde9a138beb18676f08e5d4500d55f1f730e74b Mon Sep 17 00:00:00 2001 From: Calin-Teodor Date: Fri, 18 Nov 2022 12:05:06 +0200 Subject: [PATCH] fix(conference/native): fixed title bar indicators style --- .../components/native/carmode/styles.js | 3 +-- .../filmstrip/components/native/styles.js | 15 +++++++++++---- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/react/features/conference/components/native/carmode/styles.js b/react/features/conference/components/native/carmode/styles.js index 0a0311dcd..86b20ac75 100644 --- a/react/features/conference/components/native/carmode/styles.js +++ b/react/features/conference/components/native/carmode/styles.js @@ -71,8 +71,7 @@ export default { }, qualityLabelContainer: { - borderBottomLeftRadius: 3, - borderTopLeftRadius: 3, + borderRadius: BaseTheme.shape.borderRadius, flexShrink: 1, paddingHorizontal: 2, justifyContent: 'center', diff --git a/react/features/filmstrip/components/native/styles.js b/react/features/filmstrip/components/native/styles.js index 84dfaa6ec..61f975ad7 100644 --- a/react/features/filmstrip/components/native/styles.js +++ b/react/features/filmstrip/components/native/styles.js @@ -1,5 +1,3 @@ -// @flow - import BaseTheme from '../../../base/ui/components/BaseTheme.native'; import { SMALL_THUMBNAIL_SIZE } from '../../constants'; @@ -10,7 +8,7 @@ export const AVATAR_SIZE = 50; const indicatorContainer = { backgroundColor: 'rgba(0, 0, 0, 0.7)', - borderRadius: 4, + borderRadius: BaseTheme.shape.borderRadius, margin: 2, padding: 2 }; @@ -119,7 +117,16 @@ export default { width: SMALL_THUMBNAIL_SIZE }, - indicatorContainer, + indicatorContainer: { + ...indicatorContainer, + flexShrink: 1, + height: 32, + justifyContent: 'center', + marginBottom: BaseTheme.spacing[0], + marginHorizontal: BaseTheme.spacing[1], + marginTop: 6, + width: 32 + }, /** * The thumbnails indicator container.