@use 'global/globalCssVariables.module.scss' as global; @use 'nodeModuleOverrides' as overrides; html { overscroll-behavior-x: none; } body { overscroll-behavior-x: none; } .dash-tooltip { font-size: 11px; padding: 2px; max-width: 150px; line-height: 150%; } .mainView-tabButtons { position: relative; width: 100%; margin-top: 10px; } .mainView-dockingContent-flyout, .mainView-dockingContent { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; } // add nodes menu. Note that the + button is actually an input label, not an actual button. .mainView-docButtons { position: absolute; bottom: 10px; left: calc(100% + 5px); z-index: 1; pointer-events: none; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; background: rgb(0, 0, 0); border-radius: 8px; padding-left: 5px; padding-right: 5px; } .mainView-snapLines { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; } .mainView-container { width: 100%; height: 100%; position: absolute; pointer-events: all; top: 0px; left: 0px; z-index: 1; touch-action: none; } .mainView-container { color: global.$dark-gray; .lm_goldenlayout { background: global.$medium-gray; } } .mainView-dashboardArea { width: 100%; height: 100%; position: absolute; display: flex; user-select: none; } .properties-container { height: 100%; position: absolute; right: 0px; top: 0px; } .mainView-propertiesDragger-minified, .mainView-propertiesDragger { //background-color: rgb(140, 139, 139); background-color: global.$light-gray; height: 55px; width: 17px; position: absolute; top: 50%; border-radius: 0px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right: unset; z-index: 41; // lm_maximised has a z-index of 40 and this needs to be above that align-items: center; padding: 4px; display: flex; .mainView-propertiesDragger-icon { width: 10px; height: 10px; float: left; margin-left: 5.5px; padding-top: 19px; } &:hover { cursor: grab; } } .mainView-propertiesDragger-minified { width: 10px; } .mainView-innerContent { display: contents; flex-direction: row; position: relative; .mainView-flyoutContainer { display: flex; flex-direction: column; position: relative; height: 100%; background: global.$medium-gray; .documentView-node-topmost { background: global.$light-gray; } } .propertiesView { left: 0px; position: absolute; z-index: 2; // background-color: linen; //$light-gray; // .editable-title { // background-color: linen; //$light-gray; // } } } .mainView-libraryHandle { background-color: global.$light-gray; } .mainView-leftMenuPanel { min-width: var(--menuPanelWidth); border-right: global.$standard-border; .collectionStackingView { scrollbar-width: none; } ::-webkit-scrollbar { width: 0px; } } .mainView-mainDiv { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; } .buttonContainer { position: absolute; bottom: 0px; .mainView-settings { // position: absolute; // left: 0px; // bottom: 0px; border-radius: 25%; margin-left: -5px; background: darkblue; } .mainView-settings:hover { transform: none !important; } } .mainView-logout { position: absolute; right: 0px; bottom: 0px; font-size: 8px; } .mainView-logout:hover { transform: none !important; } .mainView-libraryFlyout-out, .mainView-libraryFlyout { height: 100%; position: relative; display: flex; flex-direction: column; z-index: 42; .mainView-contentArea { position: relative; height: 100%; width: 100%; overflow: visible; } .mainView-libraryFlyout-close { right: 6px; top: 5px; position: absolute; margin-right: 6px; z-index: 10; margin-bottom: 10px; } } .mainView-libraryFlyout-out { transition: width 0.25s; box-shadow: rgb(156, 147, 150) 0.2vw 0.2vw 0.2vw; } .mainView-libraryHandle { width: var(--flyoutHandleWidth); height: 55px; top: 50%; border-radius: 8px; position: absolute; z-index: 41; // lm_maximised has a z-index of 40 and this needs to be above that touch-action: none; cursor: grab; display: flex; align-items: center; padding: 12px; .mainView-libraryHandle-icon { width: 10px; height: 10px; float: right; margin-right: 3px; padding-top: 19px; } } .mainView-dashboard { height: 200px; position: relative; display: flex; } .mainView-library { height: 75%; position: relative; display: flex; } .mainView-inactiveDocs { height: 25%; position: relative; display: flex; } .mainVew-webRef { position: absolute; left: -1000; top: -1000; display: block; width: 200px; height: 800px; }