fix(ui5-flexible-column-layout): column borders in high contrast them…

…es (#3328) CSS parameters points to wrong values. Now, they are aligned to correct values for high contrast Fiori 3 themes. Fixes: #3320
SAP · May 28, 2021 · a77654a · a77654a
1 parent 03457b6
commit a77654a
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 0 deletions.
diff --git a/packages/fiori/src/themes/sap_fiori_3_hcb/FlexibleColumnLayout-parameters.css b/packages/fiori/src/themes/sap_fiori_3_hcb/FlexibleColumnLayout-parameters.css
@@ -0,0 +1,6 @@
+:root {
+	--_ui5_fcl_solid_bg: var(--sapBackgroundColor);
+	--_ui5_fcl_column_border: solid 0.0625rem var(--sapGroup_ContentBorderColor);
+	--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #000); 
+	--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #000); 
+}
diff --git a/packages/fiori/src/themes/sap_fiori_3_hcb/parameters-bundle.css b/packages/fiori/src/themes/sap_fiori_3_hcb/parameters-bundle.css
@@ -1,4 +1,5 @@
 @import "../base/Bar-parameters.css";
+@import "./FlexibleColumnLayout-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";

diff --git a/packages/fiori/src/themes/sap_fiori_3_hcw/FlexibleColumnLayout-parameters.css b/packages/fiori/src/themes/sap_fiori_3_hcw/FlexibleColumnLayout-parameters.css
@@ -0,0 +1,6 @@
+:root {
+	--_ui5_fcl_solid_bg: var(--sapBackgroundColor);
+	--_ui5_fcl_column_border: solid 0.0625rem var(--sapGroup_ContentBorderColor);
+	--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff); 
+	--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff); 
+}
diff --git a/packages/fiori/src/themes/sap_fiori_3_hcw/parameters-bundle.css b/packages/fiori/src/themes/sap_fiori_3_hcw/parameters-bundle.css
@@ -1,4 +1,5 @@
 @import "../base/Bar-parameters.css";
+@import "./FlexibleColumnLayout-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";