@eclipse-scout/core/src/session/BusyIndicator.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
 */
.busyindicator {
  position: absolute;
  top: 25%;
  left: 50%;
  max-width: 300px;
  #scout.popup-2();
  #scout.popup-2-backdrop-filter();
  .messagebox.severity-button(@info-color);

  /* Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) */

  &.calc-helper {
    top: 0;
    left: 0;
  }

  &.animate-open {
    #scout.animation-name(fade-in);
    #scout.animation-duration(0.5s);
  }

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

.busyindicator-content {
  border-radius: @border-radius-medium;
  padding: 26px;
}

.busyindicator-label {
  display: inline-block;
  margin-left: @busyindicator-icon-size + 10px;
  text-indent: -(@busyindicator-icon-size + 10px);

  &::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: @busyindicator-icon-size;
    height: @busyindicator-icon-size;
    margin-top: -3px;
    margin-right: 15px;
    border: 1px fade(@busyindicator-color, 80%) solid;
    border-radius: 50%;
    #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);
  }

  &.cancelled::before {
    #scout.animation(pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);
  }
}

.busyindicator-buttons {
  display: flex;
  justify-content: center;
  padding: 0 26px 26px 26px;
}

.busyindicator-details {
  padding-top: 20px;
}