@deephaven/golden-layout/css/goldenlayout-base.css.map

A multi-screen javascript Layout manager

{"version":3,"sourceRoot":"","sources":["../scss/goldenlayout-base.scss"],"names":[],"mappings":"AAmBA,SACE,kBAGF,iBACE,WAIF,YACE,gBACA,kBACA,UAIF,4BAEE,2BACA,iBAIF,cACE,kBACA,MACA,OACA,WAGF,yBACE,aAIF,aACE,kBACA,WAEA,4CAEE,kBAIA,yCACE,MA/DG,KAgEH,kBACA,iBAIJ,2BACE,WACA,OA9DM,KAgEN,2CACE,OAjEI,KAkEJ,kBACA,iBAMN,WACE,aACA,8BACA,eACA,WACA,kBACA,gBAEA,4BAQE,WAGF,wBACE,kCAIF,wBACE,aACA,iBAEA,2BACE,eACA,WACA,MA7GG,KA8GH,OApGI,KAqGJ,kBAGF,qCACE,eACA,WAIJ,cACE,SACA,UACA,qBAGF,oBACE,aACA,YACA,gBAIF,mBACE,eACA,OAhIM,KAiIN,eACA,mBACA,mBACA,kBACA,YACA,cAEA,6BACE,qBACA,mBACA,gBACA,uBACA,eAIF,iCACE,MA1JG,KA2JH,OAnJI,KAoJJ,kBACA,MACA,QACA,kBAQJ,2DACE,YAQF,8HACE,WACA,WACA,mBACA,kKACE,0BACA,MACA,aAEF,kLACE,SAGJ,0HACE,WAOA,gFACE,oCACA,OACA,gGACE,qBACA,eAGJ,wGACE,YACA,cACA,UAKN,mCACE,WAME,kFACE,kCACA,UACA,cAEF,0FACE,SAEF,0GACE,YACA,WAQF,kFACE,aACA,gBAEF,4FACE,QAEF,4GACE,YACA,YAKN,yBACE,cAIF,qBACE,kBACA,gBACA,kBACA,MACA,OACA,gBAEA,8BACE,sBAGF,6BACE,mBAEA,uCACE,qBACA,mBACA,gBACA,uBACA,eAIJ,mCACE,wBASJ,cACE,kBACA,MACA,OACA,WACA,oBAEA,yBACE,uBAGF,0BACE,gBACA,gBAKJ,wBACE,aACA,kBACA,WACA,oBAGA,kCACE,MAhUK,KAiUL,OAxTM,KAyTN,kBACA,MACA,OAKJ,UACE,MAzUO,KA0UP,OAjUQ,KAkUR,kBACA,SACA,QACA,aAEA,YACE,MAlVK,KAmVL,OA1UM,KA2UN,kBACA,MACA,OAGF,iBACE,WAGF,mBACE","file":"goldenlayout-base.css","sourcesContent":["/* stylelint-disable no-descending-specificity */\n// Width variables (appears count calculates by raw css)\n$width0: 100%; // Appears 3 times\n$width1: 20px; // Appears 2 times\n$width2: 100px; // Appears 1 time\n$width3: 14px; // Appears 1 time\n$width4: 18px; // Appears 1 time\n$width5: 15px; // Appears 1 time\n$width6: 2px; // Appears 1 time\n\n// Height variables (appears count calculates by raw css)\n$height0: 100%; // Appears 4 times\n$height1: 20px; // Appears 2 times\n$height2: 14px; // Appears 2 times\n$height3: 10px; // Appears 1 time\n$height4: 19px; // Appears 1 time\n$height5: 18px; // Appears 1 time\n$height6: 15px; // Appears 1 time\n\n.lm_root {\n  position: relative;\n}\n\n.lm_row > .lm_item {\n  float: left;\n}\n\n// Single Pane content (area in which final dragged content is contained)\n.lm_content {\n  overflow: hidden;\n  position: relative;\n  outline: 0;\n}\n\n// \".lm_dragging\" is applied to BODY tag during Drag and is also directly applied to the root of the object being dragged\n.lm_dragging,\n.lm_dragging * {\n  cursor: grabbing !important;\n  user-select: none;\n}\n\n// If a specific Pane is maximized\n.lm_maximised {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 40;\n}\n\n.lm_maximise_placeholder {\n  display: none;\n}\n\n// Separator line (handle to change pane size)\n.lm_splitter {\n  position: relative;\n  z-index: 20;\n\n  &:hover, // When hovered by mouse...\n  &.lm_dragging {\n    background: orange;\n  }\n\n  &.lm_vertical {\n    .lm_drag_handle {\n      width: $width0;\n      position: absolute;\n      cursor: ns-resize;\n    }\n  }\n\n  &.lm_horizontal {\n    float: left;\n    height: $height0;\n\n    .lm_drag_handle {\n      height: $height0;\n      position: absolute;\n      cursor: ew-resize;\n    }\n  }\n}\n\n// Pane Header (container of Tabs for each pane)\n.lm_header {\n  display: flex;\n  justify-content: space-between;\n  max-width: 100%;\n  z-index: 12; //above lm_content, below lm_splitter\n  position: relative;\n  overflow: hidden;\n\n  &.lm_dropdown_open {\n    // This is an ugly hack, z-index of the whole header needs to be moved up\n    // when the menu is open, because its positioned relative to header.\n    // The header has a position, which creates a stacking context\n    // that can result in the next header being \"above\" the dropdown.\n    // The same problem happens for splitters too.\n    // A better solution would refactor the dropdown to be a root node,\n    // and in general use z-index way less.\n    z-index: 22; //above other lm_headers and lm_splitter\n  }\n\n  [class^='lm_'] {\n    box-sizing: content-box !important;\n  }\n\n  // Pane controls (popout, maximize, minimize, close)\n  .lm_controls {\n    display: flex;\n    user-select: none;\n\n    > li {\n      cursor: pointer;\n      float: left;\n      width: $width4;\n      height: $height5;\n      text-align: center;\n    }\n\n    > li[disabled] {\n      cursor: default;\n      opacity: 0.1;\n    }\n  }\n\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .lm_tabs {\n    display: flex;\n    flex-grow: 1;\n    overflow: hidden;\n  }\n\n  // Single Tab container. A single Tab is set for each pane, a group of Tabs are contained in \".lm_header\"\n  .lm_tab {\n    cursor: pointer;\n    height: $height2;\n    margin-top: 1px;\n    padding: 0 10px 5px;\n    padding-right: 25px;\n    position: relative;\n    min-width: 0;\n    flex-shrink: 0;\n\n    .lm_title {\n      display: inline-block;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 100%;\n    }\n\n    // Close Tab Icon\n    .lm_close_tab {\n      width: $width3;\n      height: $height2;\n      position: absolute;\n      top: 0;\n      right: 0;\n      text-align: center;\n    }\n  }\n}\n\n// Headers positions\n.lm_stack.lm_left,\n.lm_stack.lm_right {\n  .lm_header {\n    height: 100%;\n  }\n}\n\n.lm_dragProxy.lm_left,\n.lm_dragProxy.lm_right,\n.lm_stack.lm_left,\n.lm_stack.lm_right {\n  .lm_header {\n    width: 20px;\n    float: left;\n    vertical-align: top;\n    .lm_tabs {\n      transform-origin: left top;\n      top: 0;\n      width: 1000px; /* hack */\n    }\n    .lm_controls {\n      bottom: 0;\n    }\n  }\n  .lm_items {\n    float: left;\n  }\n}\n\n.lm_dragProxy.lm_left,\n.lm_stack.lm_left {\n  .lm_header {\n    .lm_tabs {\n      transform: rotate(-90deg) scaleX(-1);\n      left: 0;\n      .lm_tab {\n        transform: scaleX(-1);\n        margin-top: 1px;\n      }\n    }\n    .lm_tabdropdown_list {\n      top: initial;\n      right: initial;\n      left: 20px;\n    }\n  }\n}\n\n.lm_dragProxy.lm_right .lm_content {\n  float: left;\n}\n\n.lm_dragProxy.lm_right,\n.lm_stack.lm_right {\n  .lm_header {\n    .lm_tabs {\n      transform: rotate(90deg) scaleX(1);\n      left: 100%;\n      margin-left: 0;\n    }\n    .lm_controls {\n      left: 3px;\n    }\n    .lm_tabdropdown_list {\n      top: initial;\n      right: 20px;\n    }\n  }\n}\n\n.lm_dragProxy.lm_bottom,\n.lm_stack.lm_bottom {\n  .lm_header {\n    .lm_tab {\n      margin-top: 0;\n      border-top: none;\n    }\n    .lm_controls {\n      top: 3px;\n    }\n    .lm_tabdropdown_list {\n      top: initial;\n      bottom: 20px;\n    }\n  }\n}\n\n.lm_drop_tab_placeholder {\n  flex-shrink: 0;\n}\n\n// Dropdown arrow for additional tabs when too many to be displayed\n.lm_tabdropdown_list {\n  position: absolute;\n  overflow-y: auto;\n  overflow-x: hidden;\n  top: 0;\n  left: 0;\n  max-height: 100%;\n\n  .lm_tabs {\n    flex-direction: column;\n  }\n\n  .lm_tab {\n    padding-right: 10px;\n\n    .lm_title {\n      display: inline-block;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 100%;\n    }\n  }\n\n  .lm_close_tab {\n    display: none !important;\n  }\n}\n\n/***********************************\n* Drag Proxy\n***********************************/\n\n// Single Pane content during Drag (style of moving window following mouse)\n.lm_dragProxy {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 30;\n  pointer-events: none;\n\n  .lm_header {\n    background: transparent;\n  }\n\n  .lm_content {\n    border-top: none;\n    overflow: hidden;\n  }\n}\n\n// Placeholder Container of target position\n.lm_dropTargetIndicator {\n  display: none;\n  position: absolute;\n  z-index: 20;\n  pointer-events: none;\n\n  // Inner Placeholder\n  .lm_inner {\n    width: $width0;\n    height: $height0;\n    position: relative;\n    top: 0;\n    left: 0;\n  }\n}\n\n// If a specific Pane is Popped Out, so move it to a different Browser Window, Icon to restore original position is:\n.lm_popin {\n  width: $width1;\n  height: $height1;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  z-index: 9999;\n\n  > * {\n    width: $width0;\n    height: $height0;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  > .lm_bg {\n    z-index: 10;\n  }\n\n  > .lm_icon {\n    z-index: 20;\n  }\n}\n"]}