@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
19 lines • 3.26 kB
JavaScript
export const styleData = ` ui5-webcomponents-react{._container_1mabs_1{flex:1 1 100%;background-color:var(--sapObjectHeader_Background);min-height:3rem;padding-block-start:.5rem;padding-block-end:.5rem;position:sticky;inset-block-start:0;z-index:2;cursor:pointer;&[data-not-clickable=true]{cursor:unset;&:hover{background-color:var(--sapObjectHeader_Background)}}&:hover{background-color:var(--sapObjectHeader_Hover_Background)}}._phone_1mabs_25{--_ui5wcr_ObjectPage_title_fontsize:var(--sapObjectHeader_Title_SnappedFontSize)}._breadcrumbs_1mabs_29{min-width:50%;padding:.5rem 0 .25rem 0;&:only-child{width:100%}}._titleAndSubHeader_1mabs_38{flex:1 1 auto;min-width:0}._titleMainSection_1mabs_43{overflow-x:hidden;flex:1 1 auto}._middleSection_1mabs_48{flex-grow:1;width:100%;overflow-x:hidden}._title_1mabs_38{flex-shrink:1;overflow-x:hidden;font-family:var(--sapObjectHeader_Title_FontFamily);color:var(--sapObjectHeader_Title_TextColor);font-size:var(--_ui5wcr_ObjectPage_title_fontsize);padding-block-start:.3125rem;overflow-wrap:break-word;hyphens:auto;align-self:start;>*{font-family:inherit;color:inherit;font-size:inherit;overflow-wrap:inherit;hyphens:inherit}}._snappedAvatarContainer_1mabs_74:has([data-component-name=ObjectPageCollapsedAvatar]){flex-shrink:0;align-self:center} (min-width: 1024px){._title_1mabs_38{padding-block-start:.3125rem}} (min-width: 600px) and (max-width: 1023.99px){._title_1mabs_38{padding-block-start:.6875rem}}._subTitle_1mabs_91{color:var(--sapObjectHeader_Subtitle_TextColor);font-size:var(--sapFontSize);overflow-wrap:break-word;hyphens:auto;padding-inline-start:.5rem;>*{color:inherit;font-size:inherit;overflow-wrap:inherit;hyphens:inherit}}._subTitleBottom_1mabs_106{margin-block-start:.25rem;padding-inline-start:0}._contentContainer_1mabs_111{flex:1 1 0;min-width:0}._content_1mabs_111{display:flex;flex-shrink:1.6;padding-inline-start:.5rem}._toolbar_1mabs_122{flex-grow:1;flex-shrink:1.6;display:flex;align-items:center;justify-content:flex-end;align-self:flex-start;&:has([data-in-object-page-title]){min-width:2.125rem}>[data-component-name=Toolbar]:not(:first-child):last-child{width:unset;flex-shrink:0}>[ui5-toolbar]{padding:0;border:none}>[ui5-toolbar]:not(:first-child):last-child{flex:0 1}>[ui5-toolbar]:only-child{flex-grow:1;flex-shrink:0}}._actionsSeparator_1mabs_152{flex-shrink:0;height:var(--_ui5_dynamic_page_title_actions_separator_height);width:.0625rem;background:var(--sapToolbar_SeparatorColor)}._clickArea_1mabs_159{position:absolute;inset:0}}`;
export const classNames = {
"container": "_container_1mabs_1",
"phone": "_phone_1mabs_25",
"breadcrumbs": "_breadcrumbs_1mabs_29",
"titleAndSubHeader": "_titleAndSubHeader_1mabs_38",
"titleMainSection": "_titleMainSection_1mabs_43",
"middleSection": "_middleSection_1mabs_48",
"title": "_title_1mabs_38",
"snappedAvatarContainer": "_snappedAvatarContainer_1mabs_74",
"subTitle": "_subTitle_1mabs_91",
"subTitleBottom": "_subTitleBottom_1mabs_106",
"contentContainer": "_contentContainer_1mabs_111",
"content": "_content_1mabs_111",
"toolbar": "_toolbar_1mabs_122",
"actionsSeparator": "_actionsSeparator_1mabs_152",
"clickArea": "_clickArea_1mabs_159"
};
export { styleData as content };