/*
 * 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
 */
.view-menu-popup.widget-popup {
  #scout.drop-shadow-large();
  border-radius: @border-radius-large;
  border: 0;
  margin: 5px;
  overflow: hidden;

  & > .tile-grid.scrollable {
    padding: 10px;
  }

  & > .tile-grid.no-icons > .view-menu-tile {
    min-height: 66px; // Min height to ensure all tiles have equal height, at least the ones with 1 or 2 lines
  }
}

.view-menu-tile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  color: @link-color;
  background-color: @view-menu-tile-background-color;
  border-radius: 12px;
  border: 2px solid transparent;
  padding: 12px 6px 0 6px;
  min-height: 110px;
  cursor: pointer;

  & > .icon {
    font-size: @font-size-icon-large;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
  }

  & > .label {
    font-weight: @font-weight-bold;
    #scout.overflow-ellipsis();
    font-size: @font-size-small;
  }

  &.text-only {
    justify-content: center;
    padding: 12px 8px;

    & > .label {
      font-size: @font-size-normal;
    }
  }

  &.selected {
    border-color: @view-menu-tile-selected-border-color;
  }

  &:hover {
    background-color: @view-menu-tile-hover-background-color;
  }

  &.disabled {
    color: @disabled-color;
    cursor: default;

    &:hover {
      background-color: @view-menu-tile-background-color;
    }
  }
}