jiti-meet/react/features/base/label/components/native/styles.js

71 lines
1.4 KiB
JavaScript
Raw Normal View History

// @flow
import { ColorPalette } from '../../../styles';
import BaseTheme from '../../../ui/components/BaseTheme';
2018-09-11 10:16:01 +00:00
/**
* The default color of the {@code Label} and {@code ExpandedLabel}.
*/
export const DEFAULT_COLOR = '#36383C';
2018-09-11 10:16:01 +00:00
/**
* Margin of the {@Label} - to be reused when rendering the
* {@code ExpandedLabel}.
*/
export const LABEL_MARGIN = 8;
2018-09-11 10:16:01 +00:00
/**
* Size of the {@Label} - to be reused when rendering the
* {@code ExpandedLabel}.
*/
export const LABEL_SIZE = 28;
/**
* The styles of the native base/label feature.
*/
2020-05-18 11:54:55 +00:00
export default {
expandedLabelContainer: {
position: 'absolute',
left: 0,
right: 0,
top: 36,
flexDirection: 'row',
justifyContent: 'center',
zIndex: 1
2018-09-11 10:16:01 +00:00
},
expandedLabelTextContainer: {
borderRadius: 3,
paddingHorizontal: LABEL_MARGIN,
paddingVertical: LABEL_MARGIN / 2
2018-09-11 10:16:01 +00:00
},
expandedLabelText: {
color: ColorPalette.white
},
/**
* The outermost view.
*/
labelContainer: {
alignItems: 'space-between',
2018-09-11 10:16:01 +00:00
backgroundColor: DEFAULT_COLOR,
borderRadius: 3,
flex: 0,
2018-09-11 10:16:01 +00:00
height: LABEL_SIZE,
justifyContent: 'center',
marginLeft: LABEL_MARGIN,
marginBottom: LABEL_MARGIN,
paddingHorizontal: 8
2020-05-18 11:54:55 +00:00
},
labelText: {
color: ColorPalette.white,
...BaseTheme.typography.labelBold
2018-09-11 10:16:01 +00:00
},
labelOff: {
opacity: 0.3
}
2020-05-18 11:54:55 +00:00
};