Skip to content
Snippets Groups Projects
Select Git revision
  • c121af110cab089e27975af9914f6d8e296013b1
  • mui5-annotation-on-video-stable default
  • get_setter_canvasSizeInformations
  • fix-error-div-into-p
  • annotation-on-video-v2
  • detached
  • annotation-on-video-r17
  • mui5
  • mui5-react-18
  • jacob-test
  • annotation-on-video protected
  • master
  • test-antoinev1
  • 20-fetch-thumbnail-on-annotation
  • add-research-field
  • Save
  • add-plugin
  • 14-wip-no-seek-to
  • 14-bug-on-video-time-control
  • 9_wip_videotests
  • _upgrade_material_ui
  • latest-tetras-16
  • v3.3.0
  • v3.2.0
  • v3.1.1
  • v3.1.0
  • v3.0.0
  • v3.0.0-rc.7
  • v3.0.0-rc.6
  • v3.0.0-rc.5
  • v3.0.0-rc.4
  • v3.0.0-rc.3
  • v3.0.0-rc.2
  • v3.0.0-rc.1
  • v3.0.0-beta.10
  • v3.0.0-beta.9
  • v3.0.0-beta.8
  • v3.0.0-beta.7
  • v3.0.0-beta.6
  • v3.0.0-beta.5
  • v3.0.0-beta.3
41 results

WorkspaceArea.js

Blame
  • WorkspaceArea.js 3.40 KiB
    import { compose } from 'redux';
    import { connect } from 'react-redux';
    import { withTranslation } from 'react-i18next';
    import { withStyles } from '@material-ui/core/styles';
    import { withPlugins } from '../extend/withPlugins';
    import { WorkspaceArea } from '../components/WorkspaceArea';
    import reactMosaicJss from '../styles/vendor/react-mosaic-jss';
    import reactPlaceholderJss from '../styles/vendor/react-placeholder-jss';
    
    /**
     * mapStateToProps - to hook up connect
     * @memberof App
     * @private
     */
    const mapStateToProps = state => (
      {
        controlPanelVariant: state.workspace.isWorkspaceAddVisible || Object.keys(state.windows).length > 0 ? undefined : 'wide',
        isWorkspaceAddVisible: state.workspace.isWorkspaceAddVisible,
        isWorkspaceControlPanelVisible: state.config.workspaceControlPanel.enabled,
      }
    );
    
    /**
     *
     * @param theme
     * @returns {{background: {background: string}}}
     */
    const styles = theme => ({
      '@global': {
        '.mirador-canvas-nav': {
          display: 'flex',
          flexDirection: 'row',
          flexWrap: 'wrap',
          justifyContent: 'center',
          textAlign: 'center',
        },
        '.mirador-canvas-nav-stacked': {
          flexDirection: 'column',
        },
        '.mirador-companion-window-bottom': {
          '&.mirador-companion-window-title-controls': {
            order: 'unset',
          },
        },
        '.mirador-companion-window-header': {
          flexWrap: 'wrap',
        },
        '.mirador-companion-window-title-controls': {
          flexGrow: 1,
          order: 1000,
        },
        '.mirador-label-value-metadata dd': {
          marginBottom: '.5em',
          marginLeft: 0,
        },
        '.mirador-osd-container': {
          flex: 1,
          position: 'relative',
        },
        '.mirador-osd-info': {
          order: 2,
          overflow: 'hidden',
          paddingBottom: 3,
          textOverflow: 'ellipsis',
          whiteSpace: 'nowrap',
          width: '100%',
        },
        '.mirador-osd-navigation': {
          order: 1,
        },