/********************************************************************************
 * Copyright (C) 2017, 2018 TypeFox and others.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 *
 * This Source Code may also be made available under the following Secondary
 * Licenses when the conditions for such availability set forth in the Eclipse
 * Public License v. 2.0 are satisfied: GNU General Public License, version 2
 * with the GNU Classpath Exception which is available at
 * https://www.gnu.org/software/classpath/license.html.
 *
 * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 ********************************************************************************/

/*
 * Lumino sets the z-index of its panels to 0, which causes overlay issues
 * See also https://github.com/eclipse-theia/theia/issues/14290
 */
.lm-SplitPanel-child,
.lm-DockPanel,
.lm-DockPanel-widget {
  z-index: initial;
}

.lm-DockPanel.lm-SplitPanel-child {
  padding: 0px;
}

.lm-DockPanel-widget {
  min-width: 100px;
  min-height: 100px;
}

.lm-DockPanel-handle[data-orientation="vertical"] {
  min-height: var(--theia-border-width);
  z-index: 3;
}

.lm-DockPanel-handle[data-orientation="horizontal"] {
  min-width: var(--theia-border-width);
}

.lm-DockPanel-handle[data-orientation="horizontal"]::after {
  min-width: var(--theia-sash-width);
  transform: translateX(0%);
  left: calc(-1 * var(--theia-sash-width) / 2);
}

.lm-DockPanel-handle[data-orientation="vertical"]::after {
  min-height: var(--theia-sash-width);
  width: 100%;
  transform: translateY(0%);
  top: calc(-1 * var(--theia-sash-width) / 2);
}

.lm-DockPanel-handle:hover::after {
  background-color: var(--theia-sash-hoverBorder);
  transition-delay: var(--theia-sash-hoverDelay);
}

.lm-DockPanel-handle:active::after {
  background-color: var(--theia-sash-activeBorder);
  transition-delay: 0s !important;
}

.lm-DockPanel-overlay {
  background: var(--theia-editorGroup-dropBackground);
  border: var(--theia-border-width) dashed var(--theia-contrastActiveBorder);
  transition-property: top, left, right, bottom;
  transition-duration: 150ms;
  transition-timing-function: ease;
}

.lm-DockPanel-overlay.lm-mod-root-top,
.lm-DockPanel-overlay.lm-mod-root-left,
.lm-DockPanel-overlay.lm-mod-root-right,
.lm-DockPanel-overlay.lm-mod-root-bottom,
.lm-DockPanel-overlay.lm-mod-root-center {
  border-width: 2px;
}

.lm-DockPanel-overlay.lm-mod-root-bottom {
  background: var(--theia-panel-dropBackground);
}