@eclipse-scout/core/src/popup/TouchPopup.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
 */
@touch-popup-padding-x: 15px;

.touch-popup {
  position: absolute;
  overflow: hidden;
  #scout.popup-2();
  margin: 45px 10px 10px 10px;

  & > .body {
    display: flex;
    flex-direction: column;
  }
}

.touch-popup-header {
  margin: 8px @touch-popup-padding-x - @menu-item-padding-x 8px @touch-popup-padding-x;
  display: flex;
  align-items: baseline;
}

.touch-popup-title {
  font-weight: @font-weight-bold;
  color: @title-color;
  flex-grow: 1;
  #scout.overflow-ellipsis-nowrap();
}

.touch-popup-field {
  position: relative;
  margin: 0 @touch-popup-padding-x 8px;
  flex: none;
}

.touch-popup-widget-container {
  position: relative;
  min-height: 0;
  max-height: 400px;
}

@media (max-height: @iphone5-height) {
  .touch-popup {
    /* move popup to top on small screens, no need to waste space*/
    margin-top: 10px;
  }
}