@openui5/sap.m
Version:
OpenUI5 UI Library sap.m
95 lines (79 loc) • 2.65 kB
text/less
/* ========================================= */
/* CSS for control sap.m/UploadSetwithTable */
/* Base theme */
/* ========================================= */
.sapMUSTItemIconInactive,
.sapMUSTItemIcon {
text-align: initial;
}
.sapMUSTItemIconInactive,
.sapMUSTItemIcon,
.sapMUSTItemImage {
height: 3rem;
width: 3rem;
margin-top: 0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
margin-bottom: 0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
margin-left: 0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
flex: none;
}
.sapMUSTItemIcon {
color: var(--sapContent_IconColor);
}
/* Item Icon Inactive */
.sapMUSTItemIconInactive {
color: var(--sapContent_NonInteractiveIconColor);
}
.sapMUSTItemIcon {
font-size: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
background: var(--sapAvatar_10_Background);
border-radius: 4px;
color: var(--sapContent_ImagePlaceholderForegroundColor);
}
.sapMUST .sapMIllustratedMessage .sapMIllustratedMessageMainContent {
justify-content: center;
flex-direction: row;
}
.sapMUST .sapMIllustratedMessage {
padding: 0;
text-align: left;
}
.sapMUST .sapMIllustratedMessage.sapMIllustratedMessage-Spot .sapMIllustration {
width: 4rem;
height: 5rem;
margin: 0 1rem;
}
.sapMUST .sapMIllustratedMessageAdditionalContent,
.sapMUST .sapMIllustratedMessage.sapMIllustratedMessage-Spot .sapMIllustratedMessageAdditionalContent {
margin-top: 0;
margin-bottom: 0;
}
/* alignment for illustrated figure captions */
.sapMUST .sapMIllustratedMessage.sapMIllustratedMessage-Spot figcaption {
margin-top: 1rem;
}
.sapMUST .sapMListTblCell.sapMListTblCellNoData {
padding: 0;
}
.sapMUSTRemovePopoverContainer {
max-width: 20rem ;
max-height: 11rem ;
}
/* UploadSetwith Table plugin styles */
.sapMUSTP-IllustratedMessage-container .sapMIllustratedMessageMainContent {
justify-content: center;
flex-direction: row;
}
.sapMUSTP-IllustratedMessage-container.sapMIllustratedMessage {
text-align: left;
}
.sapMUSTP-IllustratedMessage-container.sapMIllustratedMessage.sapMIllustratedMessage-Spot .sapMIllustration {
height: 4.75rem;
}
.sapMUSTP-IllustratedMessage-container .sapMIllustratedMessageAdditionalContent,
.sapMUSTP-IllustratedMessage-container.sapMIllustratedMessage.sapMIllustratedMessage-Spot .sapMIllustratedMessageAdditionalContent {
margin-top: 0;
margin-bottom: 0;
}