Skip to content

Commit 0d70b04

Browse files
committed
fix(picker): high contrast loading hover and disabled down state
Fixes the loading state in high contrast not showing the disabled chevron color on hover, and disables the down state on disabled and loading. Some added specificity was necessary.
1 parent 8035a8d commit 0d70b04

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

components/picker/index.css

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -333,7 +333,8 @@ governing permissions and limitations under the License.
333333
}
334334
}
335335

336-
&.is-loading {
336+
&.spectrum-Picker.is-loading {
337+
transform: none;
337338
.spectrum-Picker-menuIcon {
338339
color: var(--highcontrast-picker-content-color-disabled, var(--mod-picker-icon-color-disabled, var(--spectrum-picker-icon-color-disabled)));
339340
}
@@ -355,8 +356,9 @@ governing permissions and limitations under the License.
355356

356357
/* Disabled state */
357358
.spectrum-Picker.spectrum-Picker:disabled,
358-
.spectrum-Picker.is-disabled {
359+
.spectrum-Picker.spectrum-Picker.is-disabled {
359360
cursor: default;
361+
transform: none;
360362
background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-disabled, var(--spectrum-picker-background-color-disabled)));
361363
border-color: var(--highcontrast-picker-border-color-disabled, transparent);
362364
color: var(--highcontrast-picker-content-color-disabled, var(--mod-picker-font-color-disabled, var(--spectrum-picker-font-color-disabled)));

0 commit comments

Comments
 (0)