fix(ui5-flexible-column-layout): column borders in high contrast themes (#3328)

nnaydenow · web-flow · commit bd18bb93b226 · 2021-05-28T09:45:10.000+03:00
CSS parameters points to wrong values. Now, they are aligned to correct values for high contrast Fiori 3 themes. Fixes: #3320
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 "./Page-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
 @import "./TimelineItem-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 "./Page-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
 @import "./TimelineItem-parameters.css";

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`@import "../base/Bar-parameters.css";`
	`2`	`+@import "./FlexibleColumnLayout-parameters.css";`
`2`	`3`	`@import "./Page-parameters.css";`
`3`	`4`	`@import "./ProductSwitchItem-parameters.css";`
`4`	`5`	`@import "./TimelineItem-parameters.css";`