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

Fix summary number style regression on analytics reports (https://github.com/woocommerce/woocommerce-admin/pull/5913) 

* Update summary number styles

* Add changelog

* Add testing instructions

Co-authored-by: David Levin <davidlevin@Davids-MacBook-Pro-2.local>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
This commit is contained in:
David Levin 2021-03-01 21:07:35 -08:00 committed by GitHub
parent a85034f504
commit f00721fa3e
4 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/woocommerce-admin/TESTING-INSTRUCTIONS.md
View File

@ -2,6 +2,12 @@
## Unreleased ## Unreleased
### Fix summary number style regression on analytics reports #5913
- Go to Analytics
- See that the active (selected) tab is white, with a highlight above the tab.
- See that inactive tabs are a lighter shade of grey.
### Update payment card style on mobile #6413 ### Update payment card style on mobile #6413
- Using a small size screen, go to your WooCommerce -> Home -> Choose payment methods. - Using a small size screen, go to your WooCommerce -> Home -> Choose payment methods.

7
plugins/woocommerce-admin/client/dashboard/store-performance/style.scss
View File

@ -5,6 +5,13 @@
border-width: 0; border-width: 0;
} }
.woocommerce-summary__item {
background-color: $studio-white;
&:hover {
background-color: $gray-100;
}
}
.woocommerce-summary { .woocommerce-summary {
background-color: $gray-100; background-color: $gray-100;
margin: 0; margin: 0;

10
plugins/woocommerce-admin/packages/components/src/summary/style.scss
View File

@ -260,7 +260,7 @@ $border: $gray-200;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
padding: $gap-large; padding: $gap-large;
background-color: $studio-white; background-color: #f8f9fa;
border-bottom: 1px solid $border; border-bottom: 1px solid $border;
border-right: 1px solid $border; border-right: 1px solid $border;
line-height: 1.4em; line-height: 1.4em;
@ -288,14 +288,14 @@ $border: $gray-200;
&:focus { &:focus {
// !important to override button styles // !important to override button styles
box-shadow: inset -1px -1px 0 $gray-700, inset 1px 1px 0 $gray-700 !important; box-shadow: inset -1px 1px 0 $gray-700, inset 1px -1px 0 $gray-700 !important;
} }
&.is-selected { &.is-selected {
&:focus { &:focus {
// !important to override button styles // !important to override button styles
box-shadow: inset -1px 1px 0 $gray-700, inset 1px 0 0 $gray-700, box-shadow: inset -1px -1px 0 $gray-700, inset 1px 0 0 $gray-700,
inset 0 -4px 0 var(--wp-admin-theme-color) !important; inset 0 4px 0 var(--wp-admin-theme-color) !important;
} }
} }
@ -337,7 +337,7 @@ $border: $gray-200;
&.is-selected { &.is-selected {
background: $studio-white; background: $studio-white;
box-shadow: inset 0 -4px 0 var(--wp-admin-theme-color); box-shadow: inset 0 4px 0 var(--wp-admin-theme-color);
.woocommerce-summary__item-value { .woocommerce-summary__item-value {
font-weight: 600; font-weight: 600;

1
plugins/woocommerce-admin/readme.txt
View File

@ -86,6 +86,7 @@ Release and roadmap notes are available on the [WooCommerce Developers Blog](htt
- Dev: Add Dependency Extraction Webpack Plugin #5762 - Dev: Add Dependency Extraction Webpack Plugin #5762
- Fix: Update payment card style on mobile #6413 - Fix: Update payment card style on mobile #6413
- Fix: Missing i18n in Welcome modal. #6456 - Fix: Missing i18n in Welcome modal. #6456
- Fix: Restore visual styles back to Analytics tabs. #5913
== 2.1.0 == == 2.1.0 ==