Fix date range dropdown for RTL locales (https://github.com/woocommerce/woocommerce-admin/pull/1803)
* Fix date range dropdown for RTL locales * Exclude calendar input error CSS to be rewritten to RTL
This commit is contained in:
parent
b87e050ea7
commit
884c56700a
|
@ -151,10 +151,6 @@
|
|||
&::placeholder {
|
||||
color: $core-grey-dark-300;
|
||||
}
|
||||
|
||||
&:focus + span .woocommerce-calendar__input-error {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -167,6 +163,15 @@
|
|||
.woocommerce-calendar__input-error {
|
||||
display: none;
|
||||
|
||||
.is-error .woocommerce-calendar__input-text:focus + span & {
|
||||
/* rtl:begin:ignore */
|
||||
display: block;
|
||||
left: 50% !important;
|
||||
position: absolute;
|
||||
top: auto !important;
|
||||
/* rtl:end:ignore */
|
||||
}
|
||||
|
||||
.components-popover__content {
|
||||
background-color: $core-grey-dark-400;
|
||||
color: $white;
|
||||
|
|
|
@ -111,8 +111,3 @@
|
|||
margin: 0 $gap-small;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-filters-date__content.is-center:not(.is-mobile) > .components-popover__content {
|
||||
transform: none;
|
||||
margin-left: -160px;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue