haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[RN] Make the header more compact

This commit is contained in:
Bettenbuk Zoltan 2019-03-04 12:20:17 +01:00 committed by Zoltan Bettenbuk
parent 039805eba3
commit ecb44b6ab4
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
react/features/base/react/components/native/styles.js
View File

@ -7,13 +7,12 @@ import { BoxModel, ColorPalette, createStyleSheet } from '../../../styles';
const AVATAR_OPACITY = 0.4; const AVATAR_OPACITY = 0.4;
const HEADER_COLOR = ColorPalette.blue; const HEADER_COLOR = ColorPalette.blue;
// Header height is from Android guidelines. Also, this looks good. const HEADER_HEIGHT = 48;
const HEADER_HEIGHT = 56;
const OVERLAY_FONT_COLOR = 'rgba(255, 255, 255, 0.6)'; const OVERLAY_FONT_COLOR = 'rgba(255, 255, 255, 0.6)';
const SECONDARY_ACTION_BUTTON_SIZE = 30; const SECONDARY_ACTION_BUTTON_SIZE = 30;
export const AVATAR_SIZE = 65; export const AVATAR_SIZE = 65;
export const HEADER_PADDING = BoxModel.padding; export const HEADER_PADDING = BoxModel.padding / 2;
export const STATUSBAR_COLOR = ColorPalette.blueHighlight; export const STATUSBAR_COLOR = ColorPalette.blueHighlight;
export const SIDEBAR_WIDTH = 250; export const SIDEBAR_WIDTH = 250;
export const UNDERLAY_COLOR = 'rgba(255, 255, 255, 0.2)'; export const UNDERLAY_COLOR = 'rgba(255, 255, 255, 0.2)';
@ -30,8 +29,9 @@ const HEADER_STYLES = {
headerButtonIcon: { headerButtonIcon: {
alignSelf: 'center', alignSelf: 'center',
color: ColorPalette.white, color: ColorPalette.white,
fontSize: 26, fontSize: 22,
paddingRight: 22 marginRight: 12,
padding: 8
}, },
headerButtonText: { headerButtonText: {
@ -51,7 +51,7 @@ const HEADER_STYLES = {
*/ */
headerText: { headerText: {
color: ColorPalette.white, color: ColorPalette.white,
fontSize: 20 fontSize: 18
}, },
headerTextWrapper: { headerTextWrapper: {
@ -82,7 +82,8 @@ const HEADER_STYLES = {
flexDirection: 'row', flexDirection: 'row',
height: HEADER_HEIGHT, height: HEADER_HEIGHT,
justifyContent: 'space-between', justifyContent: 'space-between',
padding: HEADER_PADDING paddingHorizontal: BoxModel.padding,
paddingVertical: HEADER_PADDING
} }
}; };