bigbluebutton-Github/bigbluebutton-html5/imports/ui/stylesheets/styled-components/general.js
2021-11-03 13:44:34 +00:00

51 lines
1.3 KiB
JavaScript

const borderSizeSmall = '1px';
const borderSize = '2px';
const borderSizeLarge = '3px';
const borderRadius = '.2rem';
const smPaddingX = '.75rem';
const smPaddingY = '.3rem';
const mdPaddingY = '.45rem';
const mdPaddingX = '1rem';
const lgPaddingX = '1.25rem';
const lgPaddingY = '0.6rem';
const jumboPaddingY = '1.5rem';
const whiteboardToolbarPadding = '.5rem';
const minModalHeight = '20rem';
const descriptionMargin = '3.5rem';
const navbarHeight = '3.9375rem';
const barsPadding = '0.8rem'; // so user-list and chat title is aligned with the presentation title
const pollHeaderOffset = '-0.875rem';
const toastContentWidth = '98%';
const modalMargin = '3rem';
const titlePositionLeft = '2.2rem';
const userIndicatorsOffset = '-5px';
const indicatorPadding = '.45rem'; // used to center presenter indicator icon in Chrome / Firefox / Edge
const actionsBarHeight = '75px'; // TODO: Change to ActionsBar real height
export {
borderSizeSmall,
borderSize,
borderSizeLarge,
borderRadius,
smPaddingX,
smPaddingY,
mdPaddingX,
mdPaddingY,
lgPaddingX,
lgPaddingY,
jumboPaddingY,
whiteboardToolbarPadding,
minModalHeight,
descriptionMargin,
navbarHeight,
barsPadding,
pollHeaderOffset,
toastContentWidth,
modalMargin,
titlePositionLeft,
userIndicatorsOffset,
indicatorPadding,
actionsBarHeight,
};