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

Fix/7812 activity panel styling (https://github.com/woocommerce/woocommerce-admin/pull/7813) 

* Increase specificity of activity panel css to avoid conflicts

* Fix linting

* Fix some other styles

* Add changelog
This commit is contained in:
louwie17 2021-10-21 22:18:11 -03:00 committed by GitHub
parent 07adc231f9
commit c12a451af0
3 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/woocommerce-admin/changelogs/fix-7812_activity_panel_styling Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: Fix
Increase CSS specificity to avoid conflicts and broken panel styling. #7813

6
plugins/woocommerce-admin/client/header/activity-panel/activity-card/style.scss
View File

@ -1,4 +1,4 @@
.woocommerce-activity-card { .woocommerce-activity-panel .woocommerce-activity-card {
position: relative; position: relative;
padding: $fallback-gutter; padding: $fallback-gutter;
padding: $gutter; padding: $gutter;
@ -209,7 +209,7 @@
} }
// Needs the double-class for specificity // Needs the double-class for specificity
.woocommerce-activity-card.woocommerce-order-activity-card { .woocommerce-activity-panel .woocommerce-activity-card.woocommerce-order-activity-card {
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-areas: grid-template-areas:
'header' 'header'
@ -232,7 +232,7 @@
} }
// Needs the double-class for specificity // Needs the double-class for specificity
.woocommerce-activity-card.woocommerce-inbox-activity-card { .woocommerce-activity-panel .woocommerce-activity-card.woocommerce-inbox-activity-card {
grid-template-columns: 72px 1fr; grid-template-columns: 72px 1fr;
height: 100%; height: 100%;
opacity: 1; opacity: 1;

2
plugins/woocommerce-admin/client/homescreen/activity-panel/style.scss
View File

@ -1,4 +1,4 @@
.woocommerce-activity-panel { .woocommerce-homescreen .woocommerce-activity-panel {
background: transparent; background: transparent;
border: 0; border: 0;