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

Fix message display on my account page.

This commit is contained in:
Jeff Stieler 2022-01-04 13:48:21 -07:00
parent 487c4f6e17
commit f07a9d40ad
1 changed files with 41 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
plugins/woocommerce/legacy/css/twenty-twenty-two.scss
View File

@ -27,6 +27,8 @@
@import "mixins"; @import "mixins";
$tt2-gray: #f7f7f7;
/** /**
* Main layout. * Main layout.
*/ */
@ -88,53 +90,55 @@
display: none; display: none;
} }
.woocommerce-notices-wrapper { .woocommerce-message,
.woocommerce-error,
.woocommerce-info {
background: $tt2-gray;
border-top-color: var( --wp--preset--color--primary );
border-top-style: solid;
padding: 1rem 1.5rem;
list-style: none;
font-size: var(--wp--preset--font-size--small);
.woocommerce-message, &[role='alert']::before {
.woocommerce-error, color: var( --wp--preset--color--background );
.woocommerce-info { background: var( --wp--preset--color--primary );
margin-bottom: 5rem; border-radius: 5rem;
background: #f7f7f7; font-size: 1rem;
border-top-color: var( --wp--preset--color--primary ); padding-left: 3px;
border-top-style: solid; padding-right: 3px;
padding: 1rem; margin-right: 1rem;
list-style: none; }
&[role='alert']::before { a.button {
color: var( --wp--preset--color--background ); margin-top: -0.5rem;
background: var( --wp--preset--color--primary ); background: #ebe9eb;
border-radius: 5rem; color: var(--wp--preset--color--black);
font-size: 1rem;
padding-left: 3px;
padding-right: 3px;
margin-right: 1rem;
}
a.button { &:hover,
margin-top: -0.5rem; &:visited {
background: #ebe9eb;
color: var(--wp--preset--color--black); color: var(--wp--preset--color--black);
} }
} }
}
.woocommerce-error[role='alert'] { .woocommerce-error[role='alert'] {
margin: 0; margin: 0;
&::before { &::before {
content: 'X'; content: 'X';
padding-right: 4px; padding-right: 4px;
padding-left: 4px; padding-left: 4px;
}
li {
display: inline-block;
}
} }
.woocommerce-message { li {
&[role='alert']::before { display: inline-block;
content: '\2713'; }
} }
.woocommerce-message {
&[role='alert']::before {
content: '\2713';
} }
} }