@eclipse-scout/core/src/popup/Popup.less

Eclipse Scout runtime

/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
.popup {
  position: absolute;
  top: 0;

  &:focus {
    outline: none;
  }

  &.with-arrow {
    min-width: @popup-arrow-size;
    min-height: @popup-arrow-size;
  }

  &.before-animate-open {
    .invisible();
  }

  &.modal.animate-modality-highlight {
    #scout.animation-shake();
  }
}

.popup-arrow {
  position: absolute;
  border: inherit;
  background-color: inherit;
  width: @popup-arrow-size;
  height: @popup-arrow-size;

  &.left {
    left: 0;
    transform: translate(-50%, -50%) rotate(45deg);

    &.center {
      top: 50%;
    }

    &.bottomedge {
      transform: translate(-50%, 50%) rotate(45deg);
    }
  }

  &.right {
    right: 0;
    transform: translate(50%, -50%) rotate(45deg);

    &.center {
      top: 50%;
    }

    &.bottomedge {
      transform: translate(50%, 50%) rotate(45deg);
    }
  }

  &.top {
    top: 0;
    transform: translate(-50%, -50%) rotate(45deg);

    &.center {
      left: 50%;
    }

    &.rightedge {
      transform: translate(50%, -50%) rotate(45deg);
    }
  }

  &.bottom {
    bottom: 0;
    transform: translate(-50%, 50%) rotate(45deg);

    &.center {
      left: 50%;
    }

    &.rightedge {
      transform: translate(50%, 50%) rotate(45deg);
    }
  }

  &.leftedge {
    left: 35px;
  }

  &.rightedge {
    right: 35px;
  }

  &.topedge {
    top: 35px;
  }

  &.bottomedge {
    bottom: 35px;
  }
}

.popup-arrow-overlay {
  position: absolute;
  background-color: inherit;
  width: 100%;
  height: 100%;
}