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

Update contrast and hover / active colors for analytics dropdown buttons (https://github.com/woocommerce/woocommerce-admin/pull/6504) 

* Update contrast and hover / active colors

* Update hover and active state of chevron using mask

* add test instructions and changelog entries

* Update readme.txt

Co-authored-by: David Levin <davidlevin@Davids-MacBook-Pro-2.local>
Co-authored-by: Dan Hauk <dan@danhauk.com>
Co-authored-by: Paul Sealock <psealock@gmail.com>
This commit is contained in:
David Levin 2021-03-22 00:56:15 -07:00 committed by GitHub
parent f45ec227c5
commit 2b95eea771
3 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,6 +2,12 @@
## Unreleased
### Update contrast and hover / active colors for analytics dropdown buttons #6504
1. Go to analytics.
2. Verifty the dropdown buttons (date range or filters) are now higher contrast.
3. Verifty the text and chevron in the dropdown button turn blue on hover, and while active.
### Close activity panel tabs by default and track #6566
1. Open your browser console and enter `localStorage.setItem( 'debug', 'wc-admin:tracks' );`. Make sure the "Verbose" is selected under the levels shown.
@ -244,7 +250,7 @@ Mailchimp
Creative Mail
```
(In that order)
- Verify that the Creative Mail option is toggled off by default.
- Verify that the Creative Mail option is toggled off by default
### Fix double prefixing of navigation URLs #6460

14
plugins/woocommerce-admin/packages/components/src/dropdown-button/style.scss
View File

@ -1,8 +1,8 @@
.woocommerce-page .woocommerce-dropdown-button {
background-color: $studio-white;
position: relative;
border: 1px solid $gray-100;
color: $gray-700;
border: 1px solid $gray-700;
color: $gray-900;
border-radius: 4px;
padding: 0 40px 0 0;
width: 100%;
@ -10,8 +10,8 @@
&::after {
content: '';
background: transparent
url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E)
background: $gray-900;
mask: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20%2F%3E%3C%2Fsvg%3E)
no-repeat right 0 top 55%;
position: absolute;
right: 14px;
@ -28,8 +28,10 @@
&:hover,
&:active,
&.is-open {
background-color: $gray-100;
border-color: $gray-700;
color: var(--wp-admin-theme-color);
&::after {
background: var(--wp-admin-theme-color);
}
}
&.is-multi-line .woocommerce-dropdown-button__labels {

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

@ -112,6 +112,7 @@ Release and roadmap notes are available on the [WooCommerce Developers Blog](htt
- Fix: Missing i18n in Welcome modal. #6456
- Fix: Restore visual styles back to Analytics tabs. #5913
- Add: Add a "rather not say" option to revenue in the profile wizard. #6475
- Fix: Update contrast and hover / active colors for analytics dropdown buttons #6504
- Dev: Remove `items_purchased` and `account_type` props from onboarding profile API. #6520
- Dev: Added warning when WC-Admin is active but not being used #6453
- Fix: Associated Order Number for refunds was hidden #6428