BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix toolbar not responding to wb width

Browse Source
This commit is contained in:
KDSBrowne 2022-11-17 23:37:17 +00:00
parent 85aadaa03c
commit bca5cc9fbe
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
bigbluebutton-html5/imports/ui/components/whiteboard/component.jsx
View File

@ -45,6 +45,8 @@ const mapLanguage = (language) => {
const SMALL_HEIGHT = 435;
const SMALLEST_HEIGHT = 363;
const SMALL_WIDTH = 800;
const SMALLEST_WIDTH = 645;
const TOOLBAR_SMALL = 28;
const TOOLBAR_LARGE = 38;
const TOOLBAR_OFFSET = 0;
@ -406,7 +408,8 @@ export default function Whiteboard(props) {
const tdTools = document.getElementById("TD-Tools");
if (tdToolsDots && tdDelete && tdPrimaryTools) {
const size = props.height < SMALL_HEIGHT ? TOOLBAR_SMALL : TOOLBAR_LARGE;
const size = ((props.height < SMALL_HEIGHT) || (props.width < SMALL_WIDTH))
? TOOLBAR_SMALL : TOOLBAR_LARGE;
tdToolsDots.style.height = `${size}px`;
tdToolsDots.style.width = `${size}px`;
const delButton = tdDelete.getElementsByTagName('button')[0];
@ -418,7 +421,7 @@ export default function Whiteboard(props) {
item.style.width = `${size}px`;
}
}
if (props.height < SMALLEST_HEIGHT && tdTools) {
if (((props.height < SMALLEST_HEIGHT) || (props.width < SMALLEST_WIDTH)) && tdTools) {
tldrawAPI?.setSetting('dockPosition', 'bottom');
tdTools.parentElement.style.bottom = `${TOOLBAR_OFFSET}px`;
}