Skip to content

Commit 694fcc3

Browse files
authored
Fix numberfield css specificity collision (#1592)
1 parent ff09ea6 commit 694fcc3

File tree

2 files changed

+5
-3
lines changed

2 files changed

+5
-3
lines changed

packages/@adobe/spectrum-css-temp/components/inputgroup/index.css

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,6 @@ governing permissions and limitations under the License.
1515
:root {
1616
/* Todo: move to DNA */
1717
--spectrum-combobox-quiet-fieldbutton-border-radius: 0;
18-
--spectrum-combobox-field-border-width-right: 0;
1918
--spectrum-combobox-quiet-fieldbutton-padding-right: 0;
2019
--spectrum-combobox-quiet-fieldbutton-padding-left: var(--spectrum-global-dimension-size-130);
2120
--spectrum-combobox-validation-icon-right: var(--spectrum-global-dimension-size-100);
@@ -71,7 +70,7 @@ governing permissions and limitations under the License.
7170
.spectrum-InputGroup-input {
7271
border-start-end-radius: var(--spectrum-combobox-textfield-border-top-right-radius);
7372
border-end-end-radius: var(--spectrum-combobox-textfield-border-bottom-right-radius);
74-
border-inline-end: var(--spectrum-combobox-field-border-width-right);
73+
border-inline-end-style: none;
7574
}
7675

7776
.spectrum-InputGroup--quiet {

packages/@adobe/spectrum-css-temp/components/stepper/index.css

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@ governing permissions and limitations under the License.
2525
--spectrum-stepper-default-width-mobile: calc(var(--spectrum-component-single-line-height) * 5);
2626
}
2727

28-
.spectrum-Stepper {
28+
/* increase specificity to not collide with InputGroup */
29+
.spectrum-Stepper.spectrum-Stepper {
2930
display: inline-grid;
3031
grid-template-rows: auto auto;
3132
grid-template-columns: 1fr auto;
@@ -38,7 +39,9 @@ governing permissions and limitations under the License.
3839
line-height: 0;
3940
border-radius: var(--spectrum-border-radius);
4041
transition: border-color var(--spectrum-global-animation-duration-100) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100) ease-in-out;
42+
}
4143

44+
.spectrum-Stepper {
4245
&:not(.spectrum-Stepper--quiet):not(.spectrum-Stepper--showStepper) {
4346
.spectrum-Stepper-input {
4447
border-inline-end-width: var(--spectrum-stepper-border-size-default);

0 commit comments

Comments
 (0)