UNPKG

@ui5/webcomponents-react

Version:

React Wrapper for UI5 Web Components and additional components

24 lines 4.67 kB
export const styleData = { packageName: '@ui5/webcomponents-react', fileName: 'ObjectPage.module.css', content: "@layer ui5-webcomponents-react{.ObjectPage_objectPage_17iae_1{container:objectPage/inline-size;--_ui5wcr_ObjectPage_header_display:block;--_ui5wcr_ObjectPage_title_fontsize:var(--sapObjectHeader_Title_FontSize);background-color:var(--sapBackgroundColor);box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--sapFontFamily);height:100%;max-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth;white-space:normal;width:100%}.ObjectPage_objectPage_17iae_1 section[id*=ObjectPageSection-]>div[role=heading]{display:none}.ObjectPage_objectPage_17iae_1 section[id*=ObjectPageSection-]~section[id*=ObjectPageSection-]>div[role=heading]{display:block}.ObjectPage_iconTabBarMode_17iae_31 section[data-component-name=ObjectPageSection]>div[role=heading]{display:none}.ObjectPage_header_17iae_36{--_ui5wcr_ObjectPage_header_display:block;background-color:var(--sapObjectHeader_Background);box-sizing:border-box;cursor:pointer;display:grid;inset-block-start:0;position:sticky;z-index:4}.ObjectPage_header_17iae_36 [data-component-name=ObjectPageTitle]{grid-column:2;padding-inline:0}.ObjectPage_headerCollapsed_17iae_52{--_ui5wcr_ObjectPage_header_display:none;--_ui5wcr_ObjectPage_title_fontsize:var(--sapObjectHeader_Title_SnappedFontSize)}.ObjectPage_headerContainer_17iae_57{background-color:var(--sapObjectHeader_Background);display:grid;grid-auto-columns:min-content calc(100% - 7rem);margin-block-end:.25rem}.ObjectPage_headerContainer_17iae_57 [data-component-name=ObjectPageHeaderContent]{grid-column:2}.ObjectPage_headerHoverStyles_17iae_68[data-not-clickable=true]{cursor:unset}.ObjectPage_headerHoverStyles_17iae_68[data-not-clickable=false]{background-color:var(--sapObjectHeader_Hover_Background)}.ObjectPage_headerHoverStyles_17iae_68[data-not-clickable=false] [data-component-name=ObjectPageTitle]{background-color:var(--sapObjectHeader_Hover_Background)}.ObjectPage_headerImage_17iae_82{display:inline-block;margin-inline-end:2rem;max-height:5rem;max-width:5rem;min-width:5rem}.ObjectPage_image_17iae_90{height:100%;width:100%}.ObjectPage_anchorBar_17iae_95{position:sticky;z-index:4}.ObjectPage_tabContainer_17iae_100{position:sticky;z-index:3}.ObjectPage_tabContainerComponent_17iae_105::part(content){display:none}.ObjectPage_tabContainerComponent_17iae_105::part(tabstrip){box-shadow:inset 0 -.0625rem var(--sapPageHeader_BorderColor),0 .125rem .25rem 0 #00000014;padding:0;padding-inline:var(--_ui5wcr_ObjectPage_tab_bar_inline_padding)}.ObjectPage_content_17iae_119{flex-grow:1;position:relative}@container (max-width: 599px){.ObjectPage_content_17iae_119,.ObjectPage_headerContainer_17iae_57,.ObjectPage_header_17iae_36{padding-inline:1rem}.ObjectPage_tabContainer_17iae_100{--_ui5wcr_ObjectPage_tab_bar_inline_padding:0}}@container (min-width: 600px) and (max-width: 1439px){.ObjectPage_content_17iae_119,.ObjectPage_headerContainer_17iae_57,.ObjectPage_header_17iae_36{padding-inline:2rem}.ObjectPage_tabContainer_17iae_100{--_ui5wcr_ObjectPage_tab_bar_inline_padding:1rem}}@container (min-width: 1440px){.ObjectPage_content_17iae_119,.ObjectPage_headerContainer_17iae_57,.ObjectPage_header_17iae_36{padding-inline:3rem}.ObjectPage_tabContainer_17iae_100{--_ui5wcr_ObjectPage_tab_bar_inline_padding:2rem}}.ObjectPage_footer_17iae_160{inset-block-end:.5rem;margin:0 .5rem;position:sticky}.ObjectPage_footerSpacer_17iae_166{flex-shrink:0;height:1rem}.ObjectPage_subSectionPopover_17iae_171::part(content){padding:0}.ObjectPage_snappedContent_17iae_175{grid-column:1/span 2}.ObjectPage_clickArea_17iae_179{inset:0;position:absolute}}" }; export const classNames = { "objectPage": "ObjectPage_objectPage_17iae_1", "iconTabBarMode": "ObjectPage_iconTabBarMode_17iae_31", "header": "ObjectPage_header_17iae_36", "headerCollapsed": "ObjectPage_headerCollapsed_17iae_52", "headerContainer": "ObjectPage_headerContainer_17iae_57", "headerHoverStyles": "ObjectPage_headerHoverStyles_17iae_68", "headerImage": "ObjectPage_headerImage_17iae_82", "image": "ObjectPage_image_17iae_90", "anchorBar": "ObjectPage_anchorBar_17iae_95", "tabContainer": "ObjectPage_tabContainer_17iae_100", "tabContainerComponent": "ObjectPage_tabContainerComponent_17iae_105", "content": "ObjectPage_content_17iae_119", "footer": "ObjectPage_footer_17iae_160", "footerSpacer": "ObjectPage_footerSpacer_17iae_166", "subSectionPopover": "ObjectPage_subSectionPopover_17iae_171", "snappedContent": "ObjectPage_snappedContent_17iae_175", "clickArea": "ObjectPage_clickArea_17iae_179" };