Skip to content

Commit aa9f32d

Browse files
authored
Fix ComboBox quiet readonly styling and SearchField padding right specificity (#6829)
* fix Combobox quiet readonly style specificity makes the nonfocused style more specific so it wins over the disabled style but still doesnt win over the active style * make search field styles win over textfield styles * increase combobox invalid style specificity
1 parent 3691c7f commit aa9f32d

File tree

2 files changed

+3
-4
lines changed

2 files changed

+3
-4
lines changed

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@ governing permissions and limitations under the License.
103103
specifically for readonly inputgroups that aren't disabled since the button will have the disabled class
104104
but we don't want the border color to be the disabled quiet one
105105
*/
106-
&:not(.is-disabled) {
106+
&:not(.is-disabled):not(.is-focused) {
107107
.spectrum-FieldButton {
108108
&:disabled:before,
109109
&:disabled:hover:before {
@@ -148,7 +148,7 @@ governing permissions and limitations under the License.
148148
}
149149
}
150150

151-
&.spectrum-InputGroup {
151+
&.spectrum-InputGroup.spectrum-InputGroup {
152152
&.spectrum-InputGroup--invalid {
153153
.spectrum-FieldButton:before,
154154
.spectrum-InputGroup-input {

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

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ governing permissions and limitations under the License.
6565
}
6666
}
6767

68-
.spectrum-Search-input {
68+
.spectrum-Search-input.spectrum-Search-input {
6969
display: block;
7070

7171
/* Correct the odd appearance of input[type="search"] in Chrome and Safari.*/
@@ -98,4 +98,3 @@ governing permissions and limitations under the License.
9898
padding-inline-end: calc(var(--spectrum-search-padding-right) + var(--spectrum-textfield-padding-x) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left));
9999
}
100100
}
101-

0 commit comments

Comments
 (0)