fix(ui5-flexible-column-layout): add new border parameter for horizon…

… theme (#6915) Updates the FlexibleColumnLayout to use the new border parameter as described in the visual design specification.
SAP · Apr 24, 2023 · 863a057 · 863a057
1 parent 1d3c911
commit 863a057
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/packages/fiori/src/themes/sap_horizon/FlexibleColumnLayout-parameters.css b/packages/fiori/src/themes/sap_horizon/FlexibleColumnLayout-parameters.css
@@ -0,0 +1,3 @@
+:root {
+	--_ui5_fcl_column_border: solid 0.0625rem var(--sapGroup_ContentBorderColor);
+}
diff --git a/packages/fiori/src/themes/sap_horizon/parameters-bundle.css b/packages/fiori/src/themes/sap_horizon/parameters-bundle.css
@@ -4,12 +4,13 @@
 @import "../base/MediaGallery-parameters.css";
 @import "../base/MediaGalleryItem-parameters.css";
 @import "../base/Page-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
 @import "./ShellBar-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./SideNavigation-parameters.css";
 @import "./UploadCollection-parameters.css";
-@import "../base/ViewSettingsDialog-parameters.css";
 @import "./Wizard-parameters.css";
 @import "./WizardTab-parameters.css";
-@import "./NotificationListItem-parameters.css";
+@import "./NotificationListItem-parameters.css";
+@import "./FlexibleColumnLayout-parameters.css";
diff --git a/packages/fiori/src/themes/sap_horizon_dark/FlexibleColumnLayout-parameters.css b/packages/fiori/src/themes/sap_horizon_dark/FlexibleColumnLayout-parameters.css
@@ -0,0 +1,3 @@
+:root {
+	--_ui5_fcl_column_border: solid 0.0625rem var(--sapGroup_ContentBorderColor);
+}
diff --git a/packages/fiori/src/themes/sap_horizon_dark/parameters-bundle.css b/packages/fiori/src/themes/sap_horizon_dark/parameters-bundle.css
@@ -4,12 +4,13 @@
 @import "../base/MediaGallery-parameters.css";
 @import "../base/MediaGalleryItem-parameters.css";
 @import "../base/Page-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
 @import "./ShellBar-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./SideNavigation-parameters.css";
 @import "./UploadCollection-parameters.css";
-@import "../base/ViewSettingsDialog-parameters.css";
 @import "./Wizard-parameters.css";
 @import "./WizardTab-parameters.css";
-@import "./NotificationListItem-parameters.css";
+@import "./NotificationListItem-parameters.css";
+@import "./FlexibleColumnLayout-parameters.css";