@ui5/webcomponents-react/dist/css/components/MessageView/MessageItem.module.css

React Wrapper for UI5 Web Components and additional components

@layer ui5-webcomponents-react{.MessageItem_listItem_9l301_1{height:var(--_ui5wcr-MessageViewListItemHeightSingle)}.MessageItem_message_9l301_5{box-sizing:border-box;max-width:100%;overflow:hidden;padding:.25rem 0;padding-inline-end:1rem;width:100%}.MessageItem_withSubtitle_9l301_14{height:var(--_ui5wcr-MessageViewListItemHeightByLine)}.MessageItem_withChildren_9l301_18{padding-inline-end:0}.MessageItem_iconContainer_9l301_22{align-items:center;display:flex;height:2.25rem;justify-content:center;min-width:3rem;width:3rem}.MessageItem_icon_9l301_22{height:1rem;width:1rem}.MessageItem_title_9l301_36{color:var(--sapGroup_TitleTextColor);flex:1 1 auto;font-family:var(--sapFontHeaderFamily);font-size:var(--_ui5wcr-MessageItemTitleFontSize);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MessageItem_title_9l301_36+.MessageItem_subtitle_9l301_46{cursor:inherit;margin-block-start:.25rem}.MessageItem_counter_9l301_52{color:var(--sapContent_MarkerTextColor);flex:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);padding-inline-start:1rem}.MessageItem_navigation_9l301_60{flex-shrink:0;height:.875rem;padding:0 .9375rem;width:.875rem}.MessageItem_typeNegative_9l301_67 .MessageItem_icon_9l301_22{color:var(--sapNegativeElementColor)}.MessageItem_typePositive_9l301_73 .MessageItem_icon_9l301_22{color:var(--sapPositiveElementColor)}.MessageItem_typeCritical_9l301_79 .MessageItem_icon_9l301_22{color:var(--sapCriticalElementColor)}:is(.MessageItem_typeInformation_9l301_85,.MessageItem_typeNone_9l301_86) .MessageItem_icon_9l301_22{color:var(--sapInformativeElementColor)}}