@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
1 lines • 1.57 kB
CSS
@layer ui5-webcomponents-react{.SelectDialog_dialog_1gi2q_1::part(header){flex-direction:column;margin-block-end:0;padding-block-end:.25rem}.SelectDialog_dialog_1gi2q_1::part(content){padding:0}.SelectDialog_headerContent_1gi2q_13{align-items:center;display:grid;grid-template-areas:"titleStart titleCenter cancel" "input input input";grid-template-columns:fit-content(100px) minmax(0,1fr) fit-content(100px);grid-template-rows:var(--_ui5wcr-DialogHeaderHeight) var(--_ui5wcr-DialogSubHeaderHeight);width:100%}.SelectDialog_title_1gi2q_24{font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontLargeSize);grid-column-end:titleCenter;grid-column-start:titleStart;max-width:100%;overflow:hidden;text-overflow:ellipsis}.SelectDialog_titleCenterAlign_1gi2q_34{grid-area:titleCenter;justify-self:center}.SelectDialog_hiddenClearBtn_1gi2q_39{grid-area:titleStart;visibility:hidden}.SelectDialog_clearBtn_1gi2q_44{grid-area:cancel;justify-self:end}.SelectDialog_input_1gi2q_49{grid-area:input;width:100%}.SelectDialog_footer_1gi2q_54{align-items:center;box-sizing:border-box;display:flex;justify-content:flex-end;width:100%}.SelectDialog_footer_1gi2q_54>*{margin-inline-start:.5rem}.SelectDialog_inputIcon_1gi2q_66{color:var(--sapContent_IconColor);cursor:pointer}.SelectDialog_infoBar_1gi2q_71{background-color:var(--sapInfobar_NonInteractive_Background);border-block-end:.0625rem solid var(--sapGroup_TitleBorderColor);color:var(--sapList_TextColor);height:2rem;overflow:hidden;padding-inline-start:var(--_ui5wcr-CheckBoxPaddingInline);position:sticky;top:0;z-index:1}}