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

80 lines
1.6 KiB
JavaScript
Raw Normal View History

// @flow
2020-05-18 11:54:55 +00:00
import { BoxModel, ColorPalette } from '../../styles';
2018-09-11 10:16:01 +00:00
/**
* The default color of the {@code Label} and {@code ExpandedLabel}.
*/
export const DEFAULT_COLOR = '#808080';
/**
* Margin of the {@Label} - to be reused when rendering the
* {@code ExpandedLabel}.
*/
export const LABEL_MARGIN = 5;
/**
* Size of the {@Label} - to be reused when rendering the
* {@code ExpandedLabel}.
*/
export const LABEL_SIZE = 36;
/**
* The styles of the native base/label feature.
*/
2020-05-18 11:54:55 +00:00
export default {
2018-09-11 10:16:01 +00:00
expandedLabelArrow: {
backgroundColor: ColorPalette.blue,
height: 15,
transform: [ { rotate: '45deg' }, { translateX: 10 } ],
width: 15
},
expandedLabelContainer: {
backgroundColor: ColorPalette.blue,
borderColor: ColorPalette.blue,
borderRadius: 6,
marginHorizontal: BoxModel.margin,
padding: BoxModel.padding
},
expandedLabelText: {
color: ColorPalette.white
},
expandedLabelWrapper: {
alignItems: 'flex-end',
flexDirection: 'column'
},
/**
* The outermost view.
*/
indicatorContainer: {
alignItems: 'center',
2018-09-11 10:16:01 +00:00
backgroundColor: DEFAULT_COLOR,
borderRadius: LABEL_SIZE / 2,
borderWidth: 0,
flex: 0,
2018-09-11 10:16:01 +00:00
height: LABEL_SIZE,
justifyContent: 'center',
2018-09-11 10:16:01 +00:00
margin: LABEL_MARGIN,
opacity: 0.6,
2018-09-11 10:16:01 +00:00
width: LABEL_SIZE
},
2020-05-18 11:54:55 +00:00
indicatorIcon: {
fontSize: 24
},
indicatorText: {
color: ColorPalette.white,
2020-05-18 11:54:55 +00:00
fontSize: 10
2018-09-11 10:16:01 +00:00
},
labelOff: {
opacity: 0.3
}
2020-05-18 11:54:55 +00:00
};