Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Analytics: Fix custom date range calendar styling in WP 6.1 (#35649) 

* Include react-dates styles (no longer included by WP 6.1+)

* Remove padding from filters popover content

* Changelog

* Include react-dates CSS directly from module instead of copy/pasting.
This commit is contained in:
Matt Sherman 2022-11-25 09:57:20 -05:00 committed by GitHub
parent 3857b51f30
commit ffb256df0e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/js/components/changelog/fix-analytics-daterange-custom-wp61 Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Include react-dates styles (no longer in WP 6.1+).

1
packages/js/components/src/calendar/begin-rtl-ignore.css Normal file
View File

@ -0,0 +1 @@
/*rtl:begin:ignore*/

1
packages/js/components/src/calendar/end-rtl-ignore.css Normal file
View File

@ -0,0 +1 @@
/*rtl:end:ignore*/

11
packages/js/components/src/calendar/style.scss
View File

@ -1,3 +1,14 @@
/**
* We don't convert react-dates styles to RTL because react-dates uses an isRTL flag instead.
*
* We have to include the RTL-ignore directives via imports because of the ordering of how
* @imports are included in the output (see https://github.com/MohammadYounes/rtlcss/issues/113).
**/
@import './calendar/begin-rtl-ignore.css';
@import '../node_modules/react-dates/lib/css/_datepicker.css';
@import './calendar/end-rtl-ignore.css';
.woocommerce-calendar {
width: 100%;
background-color: $gray-100;

1
packages/js/components/src/filters/style.scss
View File

@ -80,6 +80,7 @@
width: 320px;
border: 1px solid $gray-400;
background-color: $studio-white;
padding: 0;
}
.woocommerce-calendar__input-error .components-popover__content {