diff --git a/bigbluebutton-html5/imports/startup/client/intl.jsx b/bigbluebutton-html5/imports/startup/client/intl.jsx index 9648afca3dd4b22803c925c8361bce6fc13fee9d..b63ff2356c1600f99492193d3a97ae83229d06ac 100644 --- a/bigbluebutton-html5/imports/startup/client/intl.jsx +++ b/bigbluebutton-html5/imports/startup/client/intl.jsx @@ -33,6 +33,7 @@ class IntlStartup extends Component { Settings.application.isRTL = false; } Session.set('isLargeFont', LARGE_FONT_LANGUAGES.includes(localeName.substring(0, 2))); + window.dispatchEvent(new Event('localeChanged')); Settings.save(); } diff --git a/bigbluebutton-html5/imports/ui/components/app/component.jsx b/bigbluebutton-html5/imports/ui/components/app/component.jsx index 66f9c1d8961aadcf2dac7befca95da9bd7d5726e..f611f69831aa7c99b7d087d88746c4d995afcd6e 100755 --- a/bigbluebutton-html5/imports/ui/components/app/component.jsx +++ b/bigbluebutton-html5/imports/ui/components/app/component.jsx @@ -267,10 +267,9 @@ class App extends Component { } renderNavBar() { - const { navbar } = this.props; + const { navbar, isLargeFont } = this.props; if (!navbar) return null; - const isLargeFont = Session.get('isLargeFont'); const realNavbarHeight = isLargeFont ? LARGE_NAVBAR_HEIGHT : NAVBAR_HEIGHT; return ( diff --git a/bigbluebutton-html5/imports/ui/components/app/container.jsx b/bigbluebutton-html5/imports/ui/components/app/container.jsx index ede6446121d5b2a8df8c8eb5727c8ed6a2255aa3..204a6c26e7377ebde7ca09103c740b7ef6b28e28 100755 --- a/bigbluebutton-html5/imports/ui/components/app/container.jsx +++ b/bigbluebutton-html5/imports/ui/components/app/container.jsx @@ -124,6 +124,7 @@ export default injectIntl(withModalMounter(withTracker(({ intl, baseControls }) randomlySelectedUser, currentUserId: currentUser.userId, isPresenter: currentUser.presenter, + isLargeFont: Session.get('isLargeFont') }; })(AppContainer))); diff --git a/bigbluebutton-html5/imports/ui/components/layout/layout-manager/component.jsx b/bigbluebutton-html5/imports/ui/components/layout/layout-manager/component.jsx index 1778d86ba8dca9e4e88e3f38e6fe3290d835ac9f..ebec2655b7cc727ed6984307915b32617b4d4222 100644 --- a/bigbluebutton-html5/imports/ui/components/layout/layout-manager/component.jsx +++ b/bigbluebutton-html5/imports/ui/components/layout/layout-manager/component.jsx @@ -110,6 +110,10 @@ class LayoutManagerComponent extends Component { window.addEventListener('fullscreenchange', () => { setTimeout(() => this.setLayoutSizes(), 200); }); + + window.addEventListener('localeChanged', () => { + this.setLayoutSizes(); + }); } componentDidUpdate(prevProps) {