feat(toolbox) Shift up to make tile name visible

react/features/toolbox/components/web/Toolbox.tsx

@@ -1,4 +1,5 @@
 import { withStyles } from '@mui/styles';
+import clsx from 'clsx';
 import React, { Component, RefObject } from 'react';
 import { WithTranslation } from 'react-i18next';
 import { batch, connect } from 'react-redux';
@@ -293,6 +294,11 @@ interface IProps extends WithTranslation {
      */
     _sharingVideo?: boolean;
 
+    /**
+     * Whether the toolbox should be shifted up or not.
+     */
+    _shiftUp: boolean;
+
     /**
      * Whether or not the shortcut buttons are enabled.
      */
@@ -576,7 +582,7 @@ class Toolbox extends Component<IProps> {
 
         return (
             <div
-                className = { rootClassNames }
+                className = { clsx(rootClassNames, this.props._shiftUp && 'shift-up') }
                 id = 'new-toolbox'>
                 { this._renderToolboxContent() }
             </div>
@@ -1614,6 +1620,7 @@ function _mapStateToProps(state: IReduxState, ownProps: any) {
         _reactionsButtonEnabled: isReactionsButtonEnabled(state),
         _reactionsEnabled,
         _screenSharing: isScreenVideoShared(state),
+        _shiftUp: state['features/toolbox'].shiftUp,
         _shortcutsEnabled: areKeyboardShortcutsEnabled(state),
         _tileViewEnabled: shouldDisplayTileView(state),
         _toolbarButtons: toolbarButtons,