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

Fix wc-admin nav styles after GB 11.6.0 changes (https://github.com/woocommerce/woocommerce-admin/pull/7771) 

* Fix wc-admin nav styles after GB 11.6.0 changes

* log

* Update changelogs/fix-nav-style

Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>

* Hover fix for back button

* Merge styles with existing

* Fix back button size

* fix whitespace issues

Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>
Co-authored-by: Paul Sealock <psealock@gmail.com>
This commit is contained in:
Louis Laugesen 2021-10-12 21:28:19 +11:00 committed by GitHub
parent 30a808f49b
commit 5d259f7a4b
2 changed files with 48 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/woocommerce-admin/changelogs/fix-nav-style Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: Fix
Fixed navigation menu text color after Gutenberg 11.6.0 #7771

44
plugins/woocommerce-admin/client/navigation/components/container/style.scss
View File

@ -2,7 +2,9 @@
display: grid;
grid-template-rows: min-content 1fr;
height: 100%;
}
.woocommerce-navigation .woocommerce-navigation__wrapper {
h2 > span {
width: 100%;
}
@ -20,6 +22,26 @@
.components-navigation__item {
margin-bottom: 0;
.components-button {
opacity: 1;
}
&:not(:hover) {
.components-button {
color: #949494;
}
}
&:hover {
.components-button {
color: #ddd;
}
}
&.is-active {
.components-button {
color: #fff;
}
}
/*
* <-------- Start Temporary Code -------->
*
@ -71,4 +93,26 @@
padding: $gap $gap-smaller $gap-small $gap-smaller;
}
}
.components-navigation__menu-title,
.components-navigation__group-title {
color: #f0f0f0;
opacity: 1;
}
.components-navigation__back-button {
color: #949494;
opacity: 1;
&,
span {
font-size: 13px;
line-height: normal;
}
&:hover,
&:hover:not(:disabled) {
color: #ddd;
}
}
}