forked from Ivasoft/mattermost-mobile
f8f6839945
* UX redesign * fix call bar profile on Android * update @mattermost/calls; use common color utils * collapseIcon and time colour fixes (not correct yet on Onyx or Quartz) * fix time and collapseIcon colors; fix unavailable wrapper * center users, scroll when full; statusBar bg and styling * better spacing; better screenshare; no reaction bar when no reactions * remove margins from bottom; speaker/react buttonOn colour is now callsBg * update calls-common; update raised hand button colors * i18n * cleaning up style sheets * fix package-lock * fix vertical alignment of phone icon * add a noBorder prop to UserAvatarsStack * typography, icon sizing, spacing changes * add rounded header; UI improvements; refactor observables * updating phone icon, join call margins * join call text; color theming * remove unneeded container * phone-outline -> phone * split CallsChannelState into boolean components * use sidebar bg to generate calls bg * fix hand icon, button texts
54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {Platform} from 'react-native';
|
|
|
|
export const BOTTOM_TAB_HEIGHT = 52;
|
|
export const BOTTOM_TAB_ICON_SIZE = 31.2;
|
|
export const PROFILE_PICTURE_SIZE = 32;
|
|
export const PROFILE_PICTURE_EMOJI_SIZE = 28;
|
|
|
|
export const TEAM_SIDEBAR_WIDTH = 72;
|
|
export const TABLET_HEADER_HEIGHT = 44;
|
|
export const TABLET_SIDEBAR_WIDTH = 320;
|
|
|
|
export const STATUS_BAR_HEIGHT = 20;
|
|
export const DEFAULT_HEADER_HEIGHT = Platform.select({android: 56, default: 44});
|
|
export const LARGE_HEADER_TITLE_HEIGHT = 60;
|
|
export const SUBTITLE_HEIGHT = 24;
|
|
export const KEYBOARD_TRACKING_OFFSET = 72;
|
|
|
|
export const SEARCH_INPUT_HEIGHT = Platform.select({android: 40, default: 36});
|
|
export const SEARCH_INPUT_MARGIN = 5;
|
|
|
|
export const JOIN_CALL_BAR_HEIGHT = 38;
|
|
export const CURRENT_CALL_BAR_HEIGHT = 68;
|
|
export const CALL_ERROR_BAR_HEIGHT = 62;
|
|
|
|
export const ANNOUNCEMENT_BAR_HEIGHT = 40;
|
|
|
|
export const HOME_PADDING = {
|
|
paddingLeft: 18,
|
|
paddingRight: 20,
|
|
};
|
|
|
|
export default {
|
|
BOTTOM_TAB_HEIGHT,
|
|
BOTTOM_TAB_ICON_SIZE,
|
|
PROFILE_PICTURE_SIZE,
|
|
PROFILE_PICTURE_EMOJI_SIZE,
|
|
DATA_SOURCE_USERS: 'users',
|
|
DATA_SOURCE_CHANNELS: 'channels',
|
|
DATA_SOURCE_DYNAMIC: 'dynamic',
|
|
SEARCH_INPUT_HEIGHT,
|
|
TABLET_SIDEBAR_WIDTH,
|
|
TEAM_SIDEBAR_WIDTH,
|
|
TABLET_HEADER_HEIGHT,
|
|
STATUS_BAR_HEIGHT,
|
|
DEFAULT_HEADER_HEIGHT,
|
|
LARGE_HEADER_TITLE_HEIGHT,
|
|
SUBTITLE_HEIGHT,
|
|
KEYBOARD_TRACKING_OFFSET,
|
|
};
|
|
|