fix(ui5-card): update border width and box shadow (#3509)

georgimkv · web-flow · commit 76dcdbffb0ba · 2021-07-16T15:02:55.000+03:00
diff --git a/packages/main/src/themes/Card.css b/packages/main/src/themes/Card.css
@@ -10,7 +10,7 @@
 	height: 100%;
 	color: var(--sapGroup_TitleTextColor);
 	background: var(--sapTile_Background);
-	box-shadow: var(--sapContent_Shadow0);
+	box-shadow: var(--_ui5_card_box_shadow);
 	border-radius: .25rem;
 	border: 1px solid var(--_ui5_card_border_color);
 	overflow: hidden;
diff --git a/packages/main/src/themes/base/Card-parameters.css b/packages/main/src/themes/base/Card-parameters.css
@@ -1,8 +1,9 @@
 :root {
-	--_ui5_card_border_color: var(--sapTile_SeparatorColor); 
+	--_ui5_card_box_shadow: var(--sapContent_Shadow0);
+	--_ui5_card_border_color: var(--sapTile_BorderColor); 
 	--_ui5_card_content_padding: 1rem;
 	--_ui5_card_header_hover_bg: var(--sapList_Hover_Background);
 	--_ui5_card_header_active_bg: var(--_ui5_card_header_hover_bg);
-	--_ui5_card_header_border_color: var(--_ui5_card_border_color);
+	--_ui5_card_header_border_color: var(--sapTile_SeparatorColor);
 	--_ui5_card_header_focus_border:  1px dotted var(--sapContent_FocusColor);
 }
diff --git a/packages/main/src/themes/sap_belize_hcb/Card-parameters.css b/packages/main/src/themes/sap_belize_hcb/Card-parameters.css
@@ -1,6 +1,6 @@
 @import "../base/Card-parameters.css";
 
 :root {
-	--_ui5_card_border_color: var(--sapTile_BorderColor);
-	--_ui5_card_header_focus_border:  0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_card_box_shadow: none;
+	--_ui5_card_header_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
 }
diff --git a/packages/main/src/themes/sap_belize_hcw/Card-parameters.css b/packages/main/src/themes/sap_belize_hcw/Card-parameters.css
@@ -1,6 +1,6 @@
 @import "../base/Card-parameters.css";
 
 :root {
-	--_ui5_card_border_color: var(--sapTile_BorderColor);
-	--_ui5_card_header_focus_border:  0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_card_box_shadow: none;
+	--_ui5_card_header_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
 }
diff --git a/packages/main/src/themes/sap_fiori_3_hcb/Card-parameters.css b/packages/main/src/themes/sap_fiori_3_hcb/Card-parameters.css
@@ -1,6 +1,6 @@
 @import "../base/Card-parameters.css";
 
 :root {
-	--_ui5_card_border_color: var(--sapTile_BorderColor);
-	--_ui5_card_header_focus_border:  0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_card_box_shadow: none;
+	--_ui5_card_header_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
 }
diff --git a/packages/main/src/themes/sap_fiori_3_hcw/Card-parameters.css b/packages/main/src/themes/sap_fiori_3_hcw/Card-parameters.css
@@ -1,6 +1,6 @@
 @import "../base/Card-parameters.css";
 
 :root {
-	--_ui5_card_border_color: var(--sapTile_BorderColor);
-	--_ui5_card_header_focus_border:  0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_card_box_shadow: none;
+	--_ui5_card_header_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
 }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`@import "../base/Card-parameters.css";`
`2`	`2`
`3`	`3`	`:root {`
`4`		`- --_ui5_card_border_color: var(--sapTile_BorderColor);`
`5`		`- --_ui5_card_header_focus_border: 0.125rem dotted var(--sapContent_FocusColor);`
	`4`	`+ --_ui5_card_box_shadow: none;`
	`5`	`+ --_ui5_card_header_focus_border: 0.125rem dotted var(--sapContent_FocusColor);`
`6`	`6`	`}`