diff --git a/bigbluebutton-html5/imports/ui/components/layout/layout-manager.jsx b/bigbluebutton-html5/imports/ui/components/layout/layout-manager.jsx index f4868dc460657a7d47b1e4134e3d2e3fa8bc6ebf..c80d1bcad8a0080f131a55c99e1472ff8ba8e5b8 100644 --- a/bigbluebutton-html5/imports/ui/components/layout/layout-manager.jsx +++ b/bigbluebutton-html5/imports/ui/components/layout/layout-manager.jsx @@ -3,6 +3,7 @@ import Storage from '/imports/ui/services/storage/session'; import { Session } from 'meteor/session'; import { withLayoutConsumer } from '/imports/ui/components/layout/context'; import { isVideoBroadcasting } from '/imports/ui/components/screenshare/service'; +import deviceInfo from '/imports/utils/deviceInfo'; import _ from 'lodash'; const windowWidth = () => window.innerWidth; @@ -10,6 +11,8 @@ const windowHeight = () => window.innerHeight; const min = (value1, value2) => (value1 <= value2 ? value1 : value2); const max = (value1, value2) => (value1 >= value2 ? value1 : value2); +const { isMobile } = deviceInfo; + // values based on sass file const USERLIST_MIN_WIDTH = 150; const USERLIST_MAX_WIDTH = 240; @@ -22,7 +25,7 @@ const NOTE_MAX_WIDTH = 800; const WAITING_MIN_WIDTH = 340; const WAITING_MAX_WIDTH = 800; const NAVBAR_HEIGHT = 85; -const ACTIONSBAR_HEIGHT = 42; +const ACTIONSBAR_HEIGHT = isMobile ? 50 : 42; const WEBCAMSAREA_MIN_PERCENT = 0.2; const WEBCAMSAREA_MAX_PERCENT = 0.8;