@eclipse-scout/core
Version:
Eclipse Scout runtime
81 lines (69 loc) • 1.73 kB
text/less
/*
* 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;
}
}
}