Fix RTL issues with `wc-admin` pages (https://github.com/woocommerce/woocommerce-admin/pull/4051)
* Flip summary item's delta 'right' arrow when RTL * Prevent chart legend checkbox from flipping in RTL * Flip store alerts pagination arrows in RTL
This commit is contained in:
parent
d0697d6ce9
commit
b996b69b6f
|
@ -119,6 +119,12 @@
|
|||
|
||||
.components-button {
|
||||
padding: 4px;
|
||||
|
||||
/*!rtl:ignore*/
|
||||
.rtl & .dashicons-arrow-left-alt2,
|
||||
.rtl & .dashicons-arrow-right-alt2 {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-store-alerts__pagination-label {
|
||||
|
|
|
@ -112,6 +112,11 @@
|
|||
border: solid $studio-white;
|
||||
border-width: 0 2px 2px 0;
|
||||
transform: rotate(45deg);
|
||||
|
||||
/*!rtl:ignore*/
|
||||
.rtl & {
|
||||
transform: rotate(45deg) scaleX(-1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -373,6 +373,11 @@ $inner-border: $core-grey-light-500;
|
|||
margin-right: 3px;
|
||||
fill: currentColor;
|
||||
|
||||
/*!rtl:ignore*/
|
||||
.rtl &.gridicons-arrow-right {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
&.gridicons-arrow-up {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue