@deephaven/golden-layout
Version:
A multi-screen javascript Layout manager
2 lines (1 loc) • 7.97 kB
CSS
.lm_dragging{overflow:hidden;pointer-events:none}.lm_dragging .lm_goldenlayout .lm_header{pointer-events:auto}.lm_dragging .lm_goldenlayout .lm_header .lm_controls>li{pointer-events:none}.lm_dragging .lm_goldenlayout .lm_header .lm_controls>li.lm_tabpreviousbutton,.lm_dragging .lm_goldenlayout .lm_header .lm_controls>li.lm_tabnextbutton{pointer-events:auto}body:not(.lm_dragging) .lm_header .lm_tab:not(.lm_active):hover{color:var(--dh-color-gray-700)}body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab{opacity:.35}body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab:hover{opacity:1}body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab:hover::before{opacity:1}.lm_goldenlayout{background:var(--dh-color-bg, #1a171a);position:absolute}.lm_content{background:var(--dh-color-content-bg, #2d2a2e);overflow:visible}.lm_dragProxy .lm_content{height:100%;width:100%;box-shadow:0 .1rem 1rem var(--dh-color-dropshadow)}.lm_dragProxy .lm_header{height:28px;box-shadow:none}.lm_dragProxy .lm_header .lm_tab,.lm_dragProxy .lm_header .lm_tab.lm_active{border:0;box-shadow:0 .1rem 1rem var(--dh-color-dropshadow)}.lm_dropTargetIndicator{background-image:linear-gradient(to right, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%),linear-gradient(to right, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%),linear-gradient(to bottom, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%),linear-gradient(to bottom, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%);background-size:8px 1px,8px 1px,1px 8px,1px 8px;background-position:0 top,0 bottom,left 0,right 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;animation:march .5s;animation-timing-function:linear;animation-iteration-count:infinite;box-sizing:border-box;transition:all .2s ease}.lm_dropTargetIndicator .lm_inner{box-sizing:border-box;border:1px solid transparent;box-shadow:inset 0 0 1rem 1px var(--dh-color-dropshadow);opacity:1;background:color-mix(in srgb, var(--dh-color-accent) 10%, transparent)}.lm_splitter{background:var(--dh-color-gray-600);opacity:.001;transition:opacity .15s ease}.lm_splitter:hover,.lm_splitter.lm_dragging{background:var(--dh-color-gray-700);opacity:1}.lm_header{box-sizing:content-box;height:28px;padding-top:0;background:var(--dh-color-golden-layout-tab-header-bg);box-shadow:inset 0 -1px 0 0 var(--dh-color-bg, #1a171a);user-select:none}.lm_header .lm_controls>li{height:100%;width:24px}.lm_header.lm_selectable{cursor:pointer}.lm_header .lm_tab,.lm_tabdropdown_list .lm_tab{display:flex;align-items:center;font-family:"Fira Sans",-apple-system,blinkmacsystemfont,"Segoe UI","Roboto","Helvetica Neue",arial,sans-serif;background-color:var(--dh-color-golden-layout-tab-bg);color:var(--dh-color-gray-600);height:28px;font-size:12px;min-width:10ch;margin:0;padding:0 0 0 6px;box-shadow:inset -1px -1px 0 0 var(--dh-color-bg, #1a171a);transition:color .15s,background-color .15s;max-width:12.25rem;white-space:nowrap;overflow:hidden}.lm_header .lm_tab .lm_title,.lm_tabdropdown_list .lm_tab .lm_title{flex-grow:1;padding-right:6px}.lm_header .lm_tab .lm_title_before,.lm_tabdropdown_list .lm_tab .lm_title_before{display:flex;align-items:center}.lm_header .lm_tab .lm_close_tab,.lm_tabdropdown_list .lm_tab .lm_close_tab{margin-left:-6px;flex-shrink:0;cursor:pointer;position:relative;width:18px;height:100%;opacity:0}.lm_header .lm_tab .lm_close_tab::before,.lm_tabdropdown_list .lm_tab .lm_close_tab::before{content:"";position:absolute;inset:3px 3px 3px 1px;border-radius:2px;background-color:var(--dh-color-highlight-selected-hover);opacity:0;transition:opacity .15s ease}.lm_header .lm_tab .lm_close_tab::after,.lm_tabdropdown_list .lm_tab .lm_close_tab::after{background-size:8px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-close-tab);mask-position:center center;mask-repeat:no-repeat;mask-size:8px;content:"";position:absolute;inset:0 2px 0 0}.lm_selected .lm_header{background-color:var(--dh-color-golden-layout-tab-selected-bg)}.lm_header .lm_tab.lm_active,.lm_header .lm_tab.lm_active:hover{height:28px;background-color:var(--dh-color-golden-layout-tab-selected-bg);color:var(--dh-color-text);padding-bottom:0;box-shadow:inset -1px 0 0 0 var(--dh-color-bg, #1a171a)}.lm_header .lm_tab.lm_active.lm_focusin,.lm_header .lm_tab.lm_active:hover.lm_focusin{box-shadow:inset 0 1px var(--dh-color-accent-bg),inset -1px 0 0 0 var(--dh-color-bg, #1a171a)}.lm_header .lm_tab.lm_active .lm_close_tab,.lm_header .lm_tab.lm_active:hover .lm_close_tab{opacity:.35}.lm_window_blur .lm_header .lm_tab.lm_active.lm_focusin{box-shadow:inset -1px 0 0 0 var(--dh-color-bg, #1a171a)}.lm_controls>li{opacity:.4;transition:opacity .15s ease;position:relative;background-position:center center;background-repeat:no-repeat}.lm_controls>li:hover{opacity:1}.lm_controls .lm_popout{background-size:auto;background-color:var(--dh-color-fg);mask-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=");mask-position:center center;mask-repeat:no-repeat;mask-size:auto}.lm_controls .lm_maximise{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-maximise);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}.lm_controls .lm_tabdropdown{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-tab-dropdown);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}.lm_controls .lm_close{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-close);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}.lm_controls .lm_tabnextbutton{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-next);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}.lm_controls .lm_tabpreviousbutton{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-prev);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}.lm_tabdropdown_list{z-index:1000;background:var(--dh-color-popover-bg);box-shadow:0 .1rem 1rem var(--dh-color-dropshadow);border-radius:4px;max-width:12rem;margin:0;padding:0;list-style-type:none}.lm_tabdropdown_list .lm_tabdropdown_search{padding:.25rem}.lm_tabdropdown_list .lm_tabdropdown_search input{padding:.42145rem .75rem;line-height:1.3;color:var(--dh-color-input-fg);background-color:var(--dh-color-input-bg);border:1px solid var(--dh-color-input-border);border-radius:4px;max-width:100%}.lm_tabdropdown_list .lm_tabdropdown_search input::placeholder{color:var(--dh-color-input-placeholder);opacity:1}.lm_tabdropdown_list .lm_tabdropdown_search input:focus{border-color:var(--dh-color-input-focus-border);box-shadow:0 0 0 .2rem color-mix(in srgb, var(--dh-color-accent) 35%, transparent);outline:0}.lm_tabdropdown_list .lm_tabs{padding:0}.lm_tabdropdown_list .lm_tab{background:transparent;color:var(--dh-color-gray-700);box-shadow:none}.lm_tabdropdown_list .lm_tab.lm_keyboard_active{color:var(--dh-color-gray-700);background-color:var(--dh-color-highlight-selected)}.lm_tabdropdown_list .lm_tab.lm_keyboard_active:hover{background-color:var(--dh-color-highlight-selected-hover)}.lm_tabdropdown_list .lm_tab:hover{color:var(--dh-color-text);background-color:var(--dh-color-highlight-hover)}.lm_maximised{border:15px solid color-mix(in srgb, var(--dh-color-bg) 80%, transparent);height:100% ;width:100% }.lm_maximised .lm_items{box-shadow:0 .1rem 1rem var(--dh-color-dropshadow)}.lm_maximised .lm_controls .lm_maximise{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-minimise);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}.lm_tabs:empty+.lm_controls .lm_maximise{display:none}/*# sourceMappingURL=goldenlayout-dark-theme.css.map */