@ui5/webcomponents-fiori 2.8.0-rc.2 → 2.8.0-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/README.md +3 -0
- package/cypress/specs/NotificationList.cy.tsx +154 -0
- package/cypress/specs/SearchField.cy.tsx +445 -0
- package/cypress/specs/UserSettingsDialog.cy.tsx +619 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/NotificationListGroupItem.d.ts +1 -1
- package/dist/NotificationListGroupItem.js +5 -2
- package/dist/NotificationListGroupItem.js.map +1 -1
- package/dist/NotificationListGroupItemTemplate.js +4 -5
- package/dist/NotificationListGroupItemTemplate.js.map +1 -1
- package/dist/NotificationListGroupList.d.ts +2 -0
- package/dist/NotificationListGroupList.js +9 -0
- package/dist/NotificationListGroupList.js.map +1 -1
- package/dist/NotificationListInternal.d.ts +6 -0
- package/dist/NotificationListInternal.js +119 -0
- package/dist/NotificationListInternal.js.map +1 -1
- package/dist/NotificationListItem.d.ts +0 -1
- package/dist/NotificationListItem.js +1 -32
- package/dist/NotificationListItem.js.map +1 -1
- package/dist/SearchField.d.ts +130 -0
- package/dist/SearchField.js +228 -0
- package/dist/SearchField.js.map +1 -0
- package/dist/SearchFieldScopeOption.d.ts +26 -0
- package/dist/SearchFieldScopeOption.js +35 -0
- package/dist/SearchFieldScopeOption.js.map +1 -0
- package/dist/SearchFieldTemplate.d.ts +2 -0
- package/dist/SearchFieldTemplate.js +20 -0
- package/dist/SearchFieldTemplate.js.map +1 -0
- package/dist/SideNavigationItem.js +1 -1
- package/dist/SideNavigationItem.js.map +1 -1
- package/dist/UserSettingsDialog.d.ts +118 -0
- package/dist/UserSettingsDialog.js +260 -0
- package/dist/UserSettingsDialog.js.map +1 -0
- package/dist/UserSettingsDialogTemplate.d.ts +2 -0
- package/dist/UserSettingsDialogTemplate.js +23 -0
- package/dist/UserSettingsDialogTemplate.js.map +1 -0
- package/dist/UserSettingsItem.d.ts +131 -0
- package/dist/UserSettingsItem.js +209 -0
- package/dist/UserSettingsItem.js.map +1 -0
- package/dist/UserSettingsItemTemplate.d.ts +4 -0
- package/dist/UserSettingsItemTemplate.js +20 -0
- package/dist/UserSettingsItemTemplate.js.map +1 -0
- package/dist/UserSettingsView.d.ts +43 -0
- package/dist/UserSettingsView.js +68 -0
- package/dist/UserSettingsView.js.map +1 -0
- package/dist/UserSettingsViewTemplate.d.ts +2 -0
- package/dist/UserSettingsViewTemplate.js +5 -0
- package/dist/UserSettingsViewTemplate.js.map +1 -0
- package/dist/bundle.esm.js +5 -0
- package/dist/bundle.esm.js.map +1 -1
- package/dist/css/themes/DynamicPage.css +1 -1
- package/dist/css/themes/DynamicPageHeader.css +1 -1
- package/dist/css/themes/DynamicPageHeaderActions.css +1 -1
- package/dist/css/themes/DynamicPageTitle.css +1 -1
- package/dist/css/themes/FlexibleColumnLayout.css +1 -1
- package/dist/css/themes/IllustratedMessage.css +1 -1
- package/dist/css/themes/MediaGallery.css +1 -1
- package/dist/css/themes/MediaGalleryItem.css +1 -1
- package/dist/css/themes/NavigationMenu.css +1 -1
- package/dist/css/themes/NavigationMenuItem.css +1 -1
- package/dist/css/themes/NotificationListGroupItem.css +1 -1
- package/dist/css/themes/NotificationListItem.css +1 -1
- package/dist/css/themes/NotificationListItemBase.css +1 -1
- package/dist/css/themes/NotificationStateIcon.css +1 -1
- package/dist/css/themes/Page.css +1 -1
- package/dist/css/themes/ProductSwitchItem.css +1 -1
- package/dist/css/themes/SearchField.css +1 -0
- package/dist/css/themes/ShellBar.css +1 -1
- package/dist/css/themes/ShellBarPopover.css +1 -1
- package/dist/css/themes/SideNavigation.css +1 -1
- package/dist/css/themes/SideNavigationGroup.css +1 -1
- package/dist/css/themes/SideNavigationItem.css +1 -1
- package/dist/css/themes/SideNavigationItemBase.css +1 -1
- package/dist/css/themes/SideNavigationPopover.css +1 -1
- package/dist/css/themes/SideNavigationSubItem.css +1 -1
- package/dist/css/themes/Timeline.css +1 -1
- package/dist/css/themes/TimelineGroupItem.css +1 -1
- package/dist/css/themes/TimelineItem.css +1 -1
- package/dist/css/themes/UploadCollection.css +1 -1
- package/dist/css/themes/UploadCollectionItem.css +1 -1
- package/dist/css/themes/UserSettingsDialog.css +1 -0
- package/dist/css/themes/UserSettingsItem.css +1 -0
- package/dist/css/themes/UserSettingsView.css +1 -0
- package/dist/css/themes/ViewSettingsDialog.css +1 -1
- package/dist/css/themes/Wizard.css +1 -1
- package/dist/css/themes/WizardTab.css +1 -1
- package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -1
- package/dist/custom-elements-internal.json +730 -0
- package/dist/custom-elements.json +573 -0
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +10 -1
- package/dist/generated/i18n/i18n-defaults.js +10 -1
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/themes/DynamicPage.css.d.ts +1 -1
- package/dist/generated/themes/DynamicPage.css.js +1 -1
- package/dist/generated/themes/DynamicPage.css.js.map +1 -1
- package/dist/generated/themes/DynamicPageHeader.css.d.ts +1 -1
- package/dist/generated/themes/DynamicPageHeader.css.js +1 -1
- package/dist/generated/themes/DynamicPageHeader.css.js.map +1 -1
- package/dist/generated/themes/DynamicPageHeaderActions.css.d.ts +1 -1
- package/dist/generated/themes/DynamicPageHeaderActions.css.js +1 -1
- package/dist/generated/themes/DynamicPageHeaderActions.css.js.map +1 -1
- package/dist/generated/themes/DynamicPageTitle.css.d.ts +1 -1
- package/dist/generated/themes/DynamicPageTitle.css.js +1 -1
- package/dist/generated/themes/DynamicPageTitle.css.js.map +1 -1
- package/dist/generated/themes/FlexibleColumnLayout.css.d.ts +1 -1
- package/dist/generated/themes/FlexibleColumnLayout.css.js +1 -1
- package/dist/generated/themes/FlexibleColumnLayout.css.js.map +1 -1
- package/dist/generated/themes/IllustratedMessage.css.d.ts +1 -1
- package/dist/generated/themes/IllustratedMessage.css.js +1 -1
- package/dist/generated/themes/IllustratedMessage.css.js.map +1 -1
- package/dist/generated/themes/MediaGallery.css.d.ts +1 -1
- package/dist/generated/themes/MediaGallery.css.js +1 -1
- package/dist/generated/themes/MediaGallery.css.js.map +1 -1
- package/dist/generated/themes/MediaGalleryItem.css.d.ts +1 -1
- package/dist/generated/themes/MediaGalleryItem.css.js +1 -1
- package/dist/generated/themes/MediaGalleryItem.css.js.map +1 -1
- package/dist/generated/themes/NavigationMenu.css.d.ts +1 -1
- package/dist/generated/themes/NavigationMenu.css.js +1 -1
- package/dist/generated/themes/NavigationMenu.css.js.map +1 -1
- package/dist/generated/themes/NavigationMenuItem.css.d.ts +1 -1
- package/dist/generated/themes/NavigationMenuItem.css.js +1 -1
- package/dist/generated/themes/NavigationMenuItem.css.js.map +1 -1
- package/dist/generated/themes/NotificationListGroupItem.css.d.ts +1 -1
- package/dist/generated/themes/NotificationListGroupItem.css.js +1 -1
- package/dist/generated/themes/NotificationListGroupItem.css.js.map +1 -1
- package/dist/generated/themes/NotificationListItem.css.d.ts +1 -1
- package/dist/generated/themes/NotificationListItem.css.js +1 -1
- package/dist/generated/themes/NotificationListItem.css.js.map +1 -1
- package/dist/generated/themes/NotificationListItemBase.css.d.ts +1 -1
- package/dist/generated/themes/NotificationListItemBase.css.js +1 -1
- package/dist/generated/themes/NotificationListItemBase.css.js.map +1 -1
- package/dist/generated/themes/NotificationStateIcon.css.d.ts +1 -1
- package/dist/generated/themes/NotificationStateIcon.css.js +1 -1
- package/dist/generated/themes/NotificationStateIcon.css.js.map +1 -1
- package/dist/generated/themes/Page.css.d.ts +1 -1
- package/dist/generated/themes/Page.css.js +1 -1
- package/dist/generated/themes/Page.css.js.map +1 -1
- package/dist/generated/themes/ProductSwitchItem.css.d.ts +1 -1
- package/dist/generated/themes/ProductSwitchItem.css.js +1 -1
- package/dist/generated/themes/ProductSwitchItem.css.js.map +1 -1
- package/dist/generated/themes/SearchField.css.d.ts +2 -0
- package/dist/generated/themes/SearchField.css.js +8 -0
- package/dist/generated/themes/SearchField.css.js.map +1 -0
- package/dist/generated/themes/ShellBar.css.d.ts +1 -1
- package/dist/generated/themes/ShellBar.css.js +1 -1
- package/dist/generated/themes/ShellBar.css.js.map +1 -1
- package/dist/generated/themes/ShellBarPopover.css.d.ts +1 -1
- package/dist/generated/themes/ShellBarPopover.css.js +1 -1
- package/dist/generated/themes/ShellBarPopover.css.js.map +1 -1
- package/dist/generated/themes/SideNavigation.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigation.css.js +1 -1
- package/dist/generated/themes/SideNavigation.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.js +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationItem.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationItem.css.js +1 -1
- package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationItemBase.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationItemBase.css.js +1 -1
- package/dist/generated/themes/SideNavigationItemBase.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationPopover.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationPopover.css.js +1 -1
- package/dist/generated/themes/SideNavigationPopover.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationSubItem.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationSubItem.css.js +1 -1
- package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
- package/dist/generated/themes/Timeline.css.d.ts +1 -1
- package/dist/generated/themes/Timeline.css.js +1 -1
- package/dist/generated/themes/Timeline.css.js.map +1 -1
- package/dist/generated/themes/TimelineGroupItem.css.d.ts +1 -1
- package/dist/generated/themes/TimelineGroupItem.css.js +1 -1
- package/dist/generated/themes/TimelineGroupItem.css.js.map +1 -1
- package/dist/generated/themes/TimelineItem.css.d.ts +1 -1
- package/dist/generated/themes/TimelineItem.css.js +1 -1
- package/dist/generated/themes/TimelineItem.css.js.map +1 -1
- package/dist/generated/themes/UploadCollection.css.d.ts +1 -1
- package/dist/generated/themes/UploadCollection.css.js +1 -1
- package/dist/generated/themes/UploadCollection.css.js.map +1 -1
- package/dist/generated/themes/UploadCollectionItem.css.d.ts +1 -1
- package/dist/generated/themes/UploadCollectionItem.css.js +1 -1
- package/dist/generated/themes/UploadCollectionItem.css.js.map +1 -1
- package/dist/generated/themes/UserSettingsDialog.css.d.ts +2 -0
- package/dist/generated/themes/UserSettingsDialog.css.js +8 -0
- package/dist/generated/themes/UserSettingsDialog.css.js.map +1 -0
- package/dist/generated/themes/UserSettingsItem.css.d.ts +2 -0
- package/dist/generated/themes/UserSettingsItem.css.js +8 -0
- package/dist/generated/themes/UserSettingsItem.css.js.map +1 -0
- package/dist/generated/themes/UserSettingsView.css.d.ts +2 -0
- package/dist/generated/themes/UserSettingsView.css.js +8 -0
- package/dist/generated/themes/UserSettingsView.css.js.map +1 -0
- package/dist/generated/themes/ViewSettingsDialog.css.d.ts +1 -1
- package/dist/generated/themes/ViewSettingsDialog.css.js +1 -1
- package/dist/generated/themes/ViewSettingsDialog.css.js.map +1 -1
- package/dist/generated/themes/Wizard.css.d.ts +1 -1
- package/dist/generated/themes/Wizard.css.js +1 -1
- package/dist/generated/themes/Wizard.css.js.map +1 -1
- package/dist/generated/themes/WizardTab.css.d.ts +1 -1
- package/dist/generated/themes/WizardTab.css.js +1 -1
- package/dist/generated/themes/WizardTab.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
- package/dist/types/SearchMode.d.ts +17 -0
- package/dist/types/SearchMode.js +19 -0
- package/dist/types/SearchMode.js.map +1 -0
- package/dist/vscode.html-custom-data.json +104 -0
- package/dist/web-types.json +283 -1
- package/package.json +7 -7
- package/src/NotificationListGroupItemTemplate.tsx +37 -43
- package/src/SearchFieldTemplate.tsx +83 -0
- package/src/UserSettingsDialogTemplate.tsx +68 -0
- package/src/UserSettingsItemTemplate.tsx +52 -0
- package/src/UserSettingsViewTemplate.tsx +11 -0
- package/src/i18n/messagebundle.properties +27 -1
- package/src/themes/IllustratedMessage.css +5 -2
- package/src/themes/NavigationMenuItem.css +0 -1
- package/src/themes/NotificationListGroupItem.css +5 -0
- package/src/themes/SearchField.css +234 -0
- package/src/themes/ShellBar.css +7 -2
- package/src/themes/SideNavigationItemBase.css +71 -10
- package/src/themes/UserSettingsDialog.css +106 -0
- package/src/themes/UserSettingsItem.css +78 -0
- package/src/themes/UserSettingsView.css +13 -0
- package/src/themes/base/SearchField-parameters.css +23 -0
- package/src/themes/base/SideNavigation-parameters.css +7 -1
- package/src/themes/sap_fiori_3/SearchField-parameters.css +25 -0
- package/src/themes/sap_fiori_3/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_dark/SearchField-parameters.css +25 -0
- package/src/themes/sap_fiori_3_dark/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_hcb/SearchField-parameters.css +25 -0
- package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_hcw/SearchField-parameters.css +25 -0
- package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon/SideNavigation-parameters.css +7 -3
- package/src/themes/sap_horizon/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_dark/SideNavigation-parameters.css +7 -3
- package/src/themes/sap_horizon_dark/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_hcb/SearchField-parameters.css +25 -0
- package/src/themes/sap_horizon_hcb/SideNavigation-parameters.css +9 -3
- package/src/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_hcw/SearchField-parameters.css +25 -0
- package/src/themes/sap_horizon_hcw/SideNavigation-parameters.css +9 -3
- package/src/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--_ui5_search_icon_border_radius: 1.125rem;
|
|
3
|
+
--_ui5_search_input_border_radius: 1.125rem;
|
|
4
|
+
--_ui5-search-border: none;
|
|
5
|
+
--_ui5-search-wrapper-background: var(--sapShell_InteractiveBackground);
|
|
6
|
+
--_ui5_search_separator_background: var(--sapShell_InteractiveBorderColor);
|
|
7
|
+
--_ui5-search-wrapper-hover-background: var(--sapField_Hover_BackgroundStyle);
|
|
8
|
+
--_ui5-search-wrapper-hover-background-color: var(--sapField_Hover_Background);
|
|
9
|
+
--_ui5-search-elements-hover-background: none;
|
|
10
|
+
--_ui5-search-elements-active-background: none;
|
|
11
|
+
--_ui5_search_input_scope_margin: 0 0.125rem 0 1rem;
|
|
12
|
+
--_ui5-search-elements-background: inherit;
|
|
13
|
+
--_ui5_search_wrapper_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
|
|
14
|
+
--_ui5_search_input_outline: none;
|
|
15
|
+
--_ui5_search_icon_size: 1.75rem;
|
|
16
|
+
--_ui5_search_icon_padding: 0.375rem;
|
|
17
|
+
--_ui5_search_icon_hover_padding: 0.3125rem;
|
|
18
|
+
--_ui5_search_input_start_margin: 0;
|
|
19
|
+
--_ui5_search_input_end_padding: 0;
|
|
20
|
+
--_ui5-search-input-start-padding: 0.5rem;
|
|
21
|
+
--_ui5-search-select-height: 1.625rem;
|
|
22
|
+
--_ui5-search-icon-border: none;
|
|
23
|
+
}
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
|
|
20
20
|
--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);
|
|
21
21
|
--_ui5_side_navigation_expand_icon_width: 2rem;
|
|
22
|
+
--_ui5_side_navigation_external_link_width: 3rem;
|
|
22
23
|
--_ui5_side_navigation_hover_border_style_color: none;
|
|
23
24
|
--_ui5_side_navigation_hover_border_width: 0;
|
|
24
25
|
--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
|
|
@@ -64,14 +65,19 @@
|
|
|
64
65
|
--_ui5_side_navigation_first_fixed_item_margin_top: 0;
|
|
65
66
|
|
|
66
67
|
--_ui5_side_navigation_item_expand_icon_visibility: none;
|
|
67
|
-
--_ui5_side_navigation_item_collapsed_hover_focus_width:
|
|
68
|
+
--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;
|
|
68
69
|
--_ui5_side_navigation_item_collapsed_hover_focus_display: none;
|
|
69
70
|
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;
|
|
70
71
|
--_ui5_side_navigation_item_collapsed_padding_right: 0;
|
|
72
|
+
--_ui5_side_navigation_action_item_collapsed_padding: 0;
|
|
73
|
+
--_ui5_side_navigation_item_collapsed_unselectable_padding: 0;
|
|
74
|
+
--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
|
|
75
|
+
--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
|
|
71
76
|
|
|
72
77
|
--_ui5_side_navigation_item_expand_icon_right: -0.5rem;
|
|
73
78
|
--_ui5_side_navigation_item_expand_icon_hover_left: auto;
|
|
74
79
|
--_ui5_side_navigation_item_expand_icon_hover_right: 0;
|
|
80
|
+
--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);
|
|
75
81
|
}
|
|
76
82
|
|
|
77
83
|
[data-ui5-compact-size],
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import "../base/SearchField-parameters.css";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--_ui5_search_icon_border_radius: 0.375rem;
|
|
5
|
+
--_ui5_search_input_border_radius: none;
|
|
6
|
+
--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
|
|
7
|
+
--_ui5-search-wrapper-background: none;
|
|
8
|
+
--_ui5_search_separator_background: none;
|
|
9
|
+
--_ui5-search-wrapper-hover-background: none;
|
|
10
|
+
--_ui5-search-wrapper-hover-background-color: none;
|
|
11
|
+
--_ui5_search_input_scope_margin: 0;
|
|
12
|
+
--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
|
|
13
|
+
--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
|
|
14
|
+
--_ui5-search-elements-active-background: var(--sapShell_Active_Background);
|
|
15
|
+
--_ui5_search_wrapper_outline: none;
|
|
16
|
+
--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
|
|
17
|
+
--_ui5_search_icon_size: 2.25rem;
|
|
18
|
+
--_ui5_search_icon_padding: 0.625rem;
|
|
19
|
+
--_ui5_search_icon_hover_padding: 0.5625rem;
|
|
20
|
+
--_ui5_search_input_start_margin: 0.25rem;
|
|
21
|
+
--_ui5_search_input_end_padding: 0.25rem;
|
|
22
|
+
--_ui5-search-input-start-padding: 0.625rem;
|
|
23
|
+
--_ui5-search-select-height: 2.25rem;
|
|
24
|
+
--_ui5-search_icon_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
|
|
25
|
+
}
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
@import "../base/UploadCollection-parameters.css";
|
|
12
12
|
@import "../base/ViewSettingsDialog-parameters.css";
|
|
13
13
|
@import "../base/Wizard-parameters.css";
|
|
14
|
+
@import "./SearchField-parameters.css";
|
|
14
15
|
@import "../base/WizardTab-parameters.css";
|
|
15
16
|
@import "../base/DynamicPage-parameters.css";
|
|
16
17
|
@import "./DynamicPageTitle-parameters.css";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import "../base/SearchField-parameters.css";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--_ui5_search_icon_border_radius: 0.375rem;
|
|
5
|
+
--_ui5_search_input_border_radius: none;
|
|
6
|
+
--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
|
|
7
|
+
--_ui5-search-wrapper-background: none;
|
|
8
|
+
--_ui5_search_separator_background: none;
|
|
9
|
+
--_ui5-search-wrapper-hover-background: none;
|
|
10
|
+
--_ui5-search-wrapper-hover-background-color: none;
|
|
11
|
+
--_ui5_search_input_scope_margin: 0;
|
|
12
|
+
--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
|
|
13
|
+
--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
|
|
14
|
+
--_ui5-search-elements-active-background: var(--sapShell_Active_Background);
|
|
15
|
+
--_ui5_search_wrapper_outline: none;
|
|
16
|
+
--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
|
|
17
|
+
--_ui5_search_icon_size: 2.25rem;
|
|
18
|
+
--_ui5_search_icon_padding: 0.625rem;
|
|
19
|
+
--_ui5_search_icon_hover_padding: 0.5625rem;
|
|
20
|
+
--_ui5_search_input_start_margin: 0.25rem;
|
|
21
|
+
--_ui5_search_input_end_padding: 0.25rem;
|
|
22
|
+
--_ui5-search-input-start-padding: 0.625rem;
|
|
23
|
+
--_ui5-search-select-height: 2.25rem;
|
|
24
|
+
--_ui5-search_icon_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
|
|
25
|
+
}
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
@import "../base/UploadCollection-parameters.css";
|
|
12
12
|
@import "../base/ViewSettingsDialog-parameters.css";
|
|
13
13
|
@import "../base/Wizard-parameters.css";
|
|
14
|
+
@import "./SearchField-parameters.css";
|
|
14
15
|
@import "../base/WizardTab-parameters.css";
|
|
15
16
|
@import "../base/DynamicPage-parameters.css";
|
|
16
17
|
@import "../base/DynamicPageTitle-parameters.css";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import "../base/SearchField-parameters.css";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--_ui5_search_icon_border_radius: 0.375rem;
|
|
5
|
+
--_ui5_search_input_border_radius: none;
|
|
6
|
+
--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
|
|
7
|
+
--_ui5-search-wrapper-background: none;
|
|
8
|
+
--_ui5_search_separator_background: none;
|
|
9
|
+
--_ui5-search-wrapper-hover-background: none;
|
|
10
|
+
--_ui5-search-wrapper-hover-background-color: none;
|
|
11
|
+
--_ui5_search_input_scope_margin: 0;
|
|
12
|
+
--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
|
|
13
|
+
--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
|
|
14
|
+
--_ui5-search-elements-active-background: var(--sapShell_Active_Background);
|
|
15
|
+
--_ui5_search_wrapper_outline: none;
|
|
16
|
+
--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
|
|
17
|
+
--_ui5_search_icon_size: 2.25rem;
|
|
18
|
+
--_ui5_search_icon_padding: 0.5625rem;
|
|
19
|
+
--_ui5_search_icon_hover_padding: 0.5625rem;
|
|
20
|
+
--_ui5_search_input_start_margin: 0.25rem;
|
|
21
|
+
--_ui5_search_input_end_padding: 0.25rem;
|
|
22
|
+
--_ui5-search-input-start-padding: 0.625rem;
|
|
23
|
+
--_ui5-search-select-height: 2.25rem;
|
|
24
|
+
--_ui5-search_icon_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
|
|
25
|
+
}
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
@import "./UploadCollection-parameters.css";
|
|
12
12
|
@import "../base/ViewSettingsDialog-parameters.css";
|
|
13
13
|
@import "../base/Wizard-parameters.css";
|
|
14
|
+
@import "./SearchField-parameters.css";
|
|
14
15
|
@import "./WizardTab-parameters.css";
|
|
15
16
|
@import "./ShellBar-parameters.css";
|
|
16
17
|
@import "../base/DynamicPage-parameters.css";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import "../base/SearchField-parameters.css";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--_ui5_search_icon_border_radius: 0.375rem;
|
|
5
|
+
--_ui5_search_input_border_radius: none;
|
|
6
|
+
--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
|
|
7
|
+
--_ui5-search-wrapper-background: none;
|
|
8
|
+
--_ui5_search_separator_background: none;
|
|
9
|
+
--_ui5-search-wrapper-hover-background: none;
|
|
10
|
+
--_ui5-search-wrapper-hover-background-color: none;
|
|
11
|
+
--_ui5_search_input_scope_margin: 0;
|
|
12
|
+
--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
|
|
13
|
+
--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
|
|
14
|
+
--_ui5-search-elements-active-background: var(--sapShell_Active_Background);
|
|
15
|
+
--_ui5_search_wrapper_outline: none;
|
|
16
|
+
--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
|
|
17
|
+
--_ui5_search_icon_size: 2.25rem;
|
|
18
|
+
--_ui5_search_icon_padding: 0.5625rem;
|
|
19
|
+
--_ui5_search_icon_hover_padding: 0.5625rem;
|
|
20
|
+
--_ui5_search_input_start_margin: 0.25rem;
|
|
21
|
+
--_ui5_search_input_end_padding: 0.25rem;
|
|
22
|
+
--_ui5-search-input-start-padding: 0.625rem;
|
|
23
|
+
--_ui5-search-select-height: 2.25rem;
|
|
24
|
+
--_ui5-search_icon_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
|
|
25
|
+
}
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
@import "../base/ViewSettingsDialog-parameters.css";
|
|
13
13
|
@import "../base/Wizard-parameters.css";
|
|
14
14
|
@import "./WizardTab-parameters.css";
|
|
15
|
+
@import "./SearchField-parameters.css";
|
|
15
16
|
@import "./ShellBar-parameters.css";
|
|
16
17
|
@import "../base/DynamicPage-parameters.css";
|
|
17
18
|
@import "./DynamicPageTitle-parameters.css";
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
|
|
18
18
|
--_ui5_side_navigation_icon_color: var(--sapList_TextColor);
|
|
19
19
|
--_ui5_side_navigation_expand_icon_color: var(--sapList_TextColor);
|
|
20
|
-
--_ui5_side_navigation_expand_icon_width:
|
|
20
|
+
--_ui5_side_navigation_expand_icon_width: 2.25rem;
|
|
21
|
+
--_ui5_side_navigation_external_link_width: 3rem;
|
|
21
22
|
--_ui5_side_navigation_group_border_style_color: none;
|
|
22
23
|
--_ui5_side_navigation_item_border_radius: 0.375rem;
|
|
23
24
|
--_ui5_side_navigation_item_bottom_margin: 0.25rem;
|
|
@@ -47,12 +48,15 @@
|
|
|
47
48
|
--_ui5_side_navigation_popup_title_line_height: 1.5rem;
|
|
48
49
|
--_ui5_side_navigation_selection_indicator_display: inline-block;
|
|
49
50
|
--_ui5_side_navigation_first_fixed_item_margin_top: 0.125rem;
|
|
51
|
+
--_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
|
|
50
52
|
|
|
51
53
|
--_ui5_side_navigation_item_expand_icon_visibility: block;
|
|
52
54
|
--_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
|
|
53
55
|
--_ui5_side_navigation_item_collapsed_hover_focus_display: block;
|
|
54
|
-
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right:
|
|
55
|
-
--_ui5_side_navigation_item_collapsed_padding_right:
|
|
56
|
+
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
|
|
57
|
+
--_ui5_side_navigation_item_collapsed_padding_right: 3.9375rem;
|
|
58
|
+
--_ui5_side_navigation_action_item_collapsed_padding: 1rem;
|
|
59
|
+
--_ui5_side_navigation_item_collapsed_unselectable_padding: 3rem;
|
|
56
60
|
}
|
|
57
61
|
|
|
58
62
|
[data-ui5-compact-size],
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
@import "./FlexibleColumnLayout-parameters.css";
|
|
17
17
|
@import "./MediaGallery-parameters.css";
|
|
18
18
|
@import "../base/DynamicPage-parameters.css";
|
|
19
|
+
@import "../base/SearchField-parameters.css";
|
|
19
20
|
@import "./DynamicPageTitle-parameters.css";
|
|
20
21
|
@import "../base/DynamicPageHeader-parameters.css";
|
|
21
22
|
@import "./DynamicPageHeaderActions-parameters.css";
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
|
|
18
18
|
--_ui5_side_navigation_icon_color: var(--sapList_TextColor);
|
|
19
19
|
--_ui5_side_navigation_expand_icon_color: var(--sapList_TextColor);
|
|
20
|
-
--_ui5_side_navigation_expand_icon_width:
|
|
20
|
+
--_ui5_side_navigation_expand_icon_width: 2.25rem;
|
|
21
|
+
--_ui5_side_navigation_external_link_width: 3rem;
|
|
21
22
|
--_ui5_side_navigation_group_border_style_color: none;
|
|
22
23
|
--_ui5_side_navigation_item_border_radius: 0.375rem;
|
|
23
24
|
--_ui5_side_navigation_item_bottom_margin: 0.25rem;
|
|
@@ -47,12 +48,15 @@
|
|
|
47
48
|
--_ui5_side_navigation_popup_title_line_height: 1.5rem;
|
|
48
49
|
--_ui5_side_navigation_selection_indicator_display: inline-block;
|
|
49
50
|
--_ui5_side_navigation_first_fixed_item_margin_top: 0.125rem;
|
|
51
|
+
--_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
|
|
50
52
|
|
|
51
53
|
--_ui5_side_navigation_item_expand_icon_visibility: block;
|
|
52
54
|
--_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
|
|
53
55
|
--_ui5_side_navigation_item_collapsed_hover_focus_display: block;
|
|
54
|
-
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right:
|
|
55
|
-
--_ui5_side_navigation_item_collapsed_padding_right:
|
|
56
|
+
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
|
|
57
|
+
--_ui5_side_navigation_item_collapsed_padding_right: 3.9375rem;
|
|
58
|
+
--_ui5_side_navigation_action_item_collapsed_padding: 1rem;
|
|
59
|
+
--_ui5_side_navigation_item_collapsed_unselectable_padding: 3rem;
|
|
56
60
|
}
|
|
57
61
|
|
|
58
62
|
[data-ui5-compact-size],
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
@import "./ProductSwitchItem-parameters.css";
|
|
9
9
|
@import "../base/ShellBar-parameters.css";
|
|
10
10
|
@import "./ShellBar-parameters.css";
|
|
11
|
+
@import "../base/SearchField-parameters.css";
|
|
11
12
|
@import "./TimelineItem-parameters.css";
|
|
12
13
|
@import "./SideNavigation-parameters.css";
|
|
13
14
|
@import "./UploadCollection-parameters.css";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import "../base/SearchField-parameters.css";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--_ui5_search_icon_border_radius: 0.375rem;
|
|
5
|
+
--_ui5_search_input_border_radius: none;
|
|
6
|
+
--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
|
|
7
|
+
--_ui5-search-wrapper-background: none;
|
|
8
|
+
--_ui5_search_separator_background: none;
|
|
9
|
+
--_ui5-search-wrapper-hover-background: none;
|
|
10
|
+
--_ui5-search-wrapper-hover-background-color: none;
|
|
11
|
+
--_ui5_search_input_scope_margin: 0;
|
|
12
|
+
--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
|
|
13
|
+
--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
|
|
14
|
+
--_ui5-search-elements-active-background: var(--sapShell_Active_Background);
|
|
15
|
+
--_ui5_search_wrapper_outline: none;
|
|
16
|
+
--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
|
|
17
|
+
--_ui5_search_icon_size: 2.25rem;
|
|
18
|
+
--_ui5_search_icon_padding: 0.5625rem;
|
|
19
|
+
--_ui5_search_icon_hover_padding: 0.5625rem;
|
|
20
|
+
--_ui5_search_input_start_margin: 0.25rem;
|
|
21
|
+
--_ui5_search_input_end_padding: 0.25rem;
|
|
22
|
+
--_ui5-search-input-start-padding: 0.625rem;
|
|
23
|
+
--_ui5-search-select-height: 2.25rem;
|
|
24
|
+
--_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
|
|
25
|
+
}
|
|
@@ -13,7 +13,8 @@
|
|
|
13
13
|
--_ui5_side_navigation_phone_width: 100% !important;
|
|
14
14
|
|
|
15
15
|
--_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);
|
|
16
|
-
--_ui5_side_navigation_expand_icon_width:
|
|
16
|
+
--_ui5_side_navigation_expand_icon_width: 2.25rem;
|
|
17
|
+
--_ui5_side_navigation_external_link_width: 3rem;
|
|
17
18
|
--_ui5_side_navigation_item_bottom_margin: 0.25rem;
|
|
18
19
|
--_ui5_side_navigation_item_focus_border_offset: 0;
|
|
19
20
|
--_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);
|
|
@@ -43,12 +44,17 @@
|
|
|
43
44
|
--_ui5_side_navigation_popup_title_line_height: 1.5rem;
|
|
44
45
|
--_ui5_side_navigation_selection_indicator_display: block;
|
|
45
46
|
--_ui5_side_navigation_first_fixed_item_margin_top: 0.125rem;
|
|
47
|
+
--_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
|
|
46
48
|
|
|
47
49
|
--_ui5_side_navigation_item_expand_icon_visibility: block;
|
|
48
50
|
--_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
|
|
49
51
|
--_ui5_side_navigation_item_collapsed_hover_focus_display: block;
|
|
50
|
-
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right:
|
|
51
|
-
--_ui5_side_navigation_item_collapsed_padding_right:
|
|
52
|
+
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
|
|
53
|
+
--_ui5_side_navigation_item_collapsed_padding_right: 3.9375rem;
|
|
54
|
+
--_ui5_side_navigation_action_item_collapsed_padding: 1rem;
|
|
55
|
+
--_ui5_side_navigation_item_collapsed_unselectable_padding: 3rem;
|
|
56
|
+
--_ui5_side_navigation_action_item_border_hover: var(--sapElement_BorderWidth) solid var(--sapButton_Hover_BorderColor); /*var(--sapList_BorderColor);*/
|
|
57
|
+
--_ui5_side_navigation_action_item_border_active: var(--_ui5_side_navigation_action_item_border_hover);
|
|
52
58
|
}
|
|
53
59
|
|
|
54
60
|
[data-ui5-compact-size],
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
@import "./Wizard-parameters.css";
|
|
15
15
|
@import "./WizardTab-parameters.css";
|
|
16
16
|
@import "../base/DynamicPage-parameters.css";
|
|
17
|
+
@import "./SearchField-parameters.css";
|
|
17
18
|
@import "./DynamicPageTitle-parameters.css";
|
|
18
19
|
@import "../base/DynamicPageHeader-parameters.css";
|
|
19
20
|
@import "../sap_horizon/DynamicPageHeaderActions-parameters.css";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import "../base/SearchField-parameters.css";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--_ui5_search_icon_border_radius: 0.375rem;
|
|
5
|
+
--_ui5_search_input_border_radius: none;
|
|
6
|
+
--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
|
|
7
|
+
--_ui5-search-wrapper-background: none;
|
|
8
|
+
--_ui5_search_separator_background: none;
|
|
9
|
+
--_ui5-search-wrapper-hover-background: none;
|
|
10
|
+
--_ui5-search-wrapper-hover-background-color: none;
|
|
11
|
+
--_ui5_search_input_scope_margin: 0;
|
|
12
|
+
--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
|
|
13
|
+
--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);
|
|
14
|
+
--_ui5-search-elements-active-background: var(--sapShell_Active_Background);
|
|
15
|
+
--_ui5_search_wrapper_outline: none;
|
|
16
|
+
--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
|
|
17
|
+
--_ui5_search_icon_size: 2.25rem;
|
|
18
|
+
--_ui5_search_icon_padding: 0.5625rem;
|
|
19
|
+
--_ui5_search_icon_hover_padding: 0.5625rem;
|
|
20
|
+
--_ui5_search_input_start_margin: 0.25rem;
|
|
21
|
+
--_ui5_search_input_end_padding: 0.25rem;
|
|
22
|
+
--_ui5-search-input-start-padding: 0.625rem;
|
|
23
|
+
--_ui5-search-select-height: 2.25rem;
|
|
24
|
+
--_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
|
|
25
|
+
}
|
|
@@ -13,7 +13,8 @@
|
|
|
13
13
|
--_ui5_side_navigation_phone_width: 100% !important;
|
|
14
14
|
|
|
15
15
|
--_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);
|
|
16
|
-
--_ui5_side_navigation_expand_icon_width:
|
|
16
|
+
--_ui5_side_navigation_expand_icon_width: 2.25rem;
|
|
17
|
+
--_ui5_side_navigation_external_link_width: 3rem;
|
|
17
18
|
--_ui5_side_navigation_item_bottom_margin: 0.25rem;
|
|
18
19
|
--_ui5_side_navigation_item_focus_border_offset: 0;
|
|
19
20
|
--_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);
|
|
@@ -43,12 +44,17 @@
|
|
|
43
44
|
--_ui5_side_navigation_popup_title_line_height: 1.5rem;
|
|
44
45
|
--_ui5_side_navigation_selection_indicator_display: block;
|
|
45
46
|
--_ui5_side_navigation_first_fixed_item_margin_top: 0.125rem;
|
|
47
|
+
--_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
|
|
46
48
|
|
|
47
49
|
--_ui5_side_navigation_item_expand_icon_visibility: block;
|
|
48
50
|
--_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
|
|
49
51
|
--_ui5_side_navigation_item_collapsed_hover_focus_display: block;
|
|
50
|
-
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right:
|
|
51
|
-
--_ui5_side_navigation_item_collapsed_padding_right:
|
|
52
|
+
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
|
|
53
|
+
--_ui5_side_navigation_item_collapsed_padding_right: 3.9375rem;
|
|
54
|
+
--_ui5_side_navigation_action_item_collapsed_padding: 1rem;
|
|
55
|
+
--_ui5_side_navigation_item_collapsed_unselectable_padding: 3rem;
|
|
56
|
+
--_ui5_side_navigation_action_item_border_hover: var(--sapElement_BorderWidth) solid var(--sapButton_Hover_BorderColor); /*var(--sapList_BorderColor);*/
|
|
57
|
+
--_ui5_side_navigation_action_item_border_active: var(--_ui5_side_navigation_action_item_border_hover);
|
|
52
58
|
}
|
|
53
59
|
|
|
54
60
|
[data-ui5-compact-size],
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
@import "./WizardTab-parameters.css";
|
|
15
15
|
@import "../base/ShellBar-parameters.css";
|
|
16
16
|
@import "./ShellBar-parameters.css";
|
|
17
|
+
@import "./SearchField-parameters.css";
|
|
17
18
|
@import "../base/DynamicPage-parameters.css";
|
|
18
19
|
@import "../base/DynamicPageTitle-parameters.css";
|
|
19
20
|
@import "../base/DynamicPageHeader-parameters.css";
|