Fix legend item width (https://github.com/woocommerce/woocommerce-admin/pull/8442)
* Fix legend item width * Add testing instructions * Add changelog entry * Fix changelog * Add changelog
This commit is contained in:
parent
7bba8dcdee
commit
a2a53ab6c2
|
@ -90,6 +90,7 @@
|
|||
```
|
||||
2. Navigate to the profile wizard. `wp-admin/admin.php?page=wc-admin&path=%2Fanalytics%2Fproducts`.
|
||||
3. Make sure the chart line colors are purple.
|
||||
4. Confirm that chart legend items are not overflowing.
|
||||
### Add additional store profiler track for the business details tab. #8265
|
||||
|
||||
1. Open your console and make sure you have tracks outputted ( `localStorage.setItem( 'debug', 'wc-admin:*' );` )
|
||||
|
|
|
@ -0,0 +1,5 @@
|
|||
Significance: patch
|
||||
Type: Fix
|
||||
Comment: This fixes chart legend width #8442
|
||||
|
||||
|
|
@ -12,6 +12,11 @@
|
|||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.woocommerce-legend__direction-row {
|
||||
flex-grow: 1;
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-legend__list {
|
||||
|
@ -20,6 +25,7 @@
|
|||
height: 100%;
|
||||
margin: 0;
|
||||
flex-flow: row wrap;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.woocommerce-legend__direction-column & {
|
||||
flex-direction: column;
|
||||
|
@ -166,7 +172,8 @@
|
|||
.woocommerce-legend__direction-row & {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-basis: 20%;
|
||||
flex: 1 0 20%;
|
||||
max-width: 338px;
|
||||
|
||||
& > button {
|
||||
padding: 0 17px;
|
||||
|
|
Loading…
Reference in New Issue