Skip to content

Commit 4a4c5bc

Browse files
fix(inputs): use base CSS param for border-radius (#3430)
There is a standard css variable --sapField_BorderCornerRadius meant to be used for Input's border radius. It is 0.125rem in sap_fiori_3 and sap_fiori_3_dark and 0 in all other themes. This allows changing the border radius of all inputs via the Theme Designer
1 parent baec4d4 commit 4a4c5bc

File tree

8 files changed

+214
-216
lines changed

8 files changed

+214
-216
lines changed

packages/main/src/themes/Input.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
font-style: normal;
1515
background-color: var(--sapField_Background);
1616
border: 1px solid var(--sapField_BorderColor);
17-
border-radius: var(--_ui5_input_wrapper_border_radius);
17+
border-radius: var(--sapField_BorderCornerRadius);
1818
box-sizing: border-box;
1919
line-height: normal;
2020
letter-spacing: normal;

packages/main/src/themes/ResponsivePopoverCommon.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
font-family: "72override", var(--sapFontFamily);
88
background-color: var(--sapField_Background);
99
border: 1px solid var(--sapField_BorderColor);
10-
border-radius: var(--_ui5_input_wrapper_border_radius);
10+
border-radius: var(--sapField_BorderCornerRadius);
1111
box-sizing: border-box;
1212
}
1313

0 commit comments

Comments
 (0)