UNPKG

@openui5/sap.m

Version:

OpenUI5 UI Library sap.m

95 lines (79 loc) 2.65 kB
/* ========================================= */ /* 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!important; 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 !important; max-height: 11rem !important; } /* 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; }