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

Merge pull request #28406 from woocommerce/add/2021-compat-my-account-orders-page 

Add "My Account - Orders" page compatibility for Twenty Twenty-One
This commit is contained in:
Christopher Allford 2020-12-03 15:13:11 -08:00 committed by GitHub
parent bc9143166e 5db955459b
commit e39f6e12d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 50 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/_mixins.scss
View File

@ -267,3 +267,14 @@
color: rgba(#000, 0.75);
}
}
@mixin inversebuttoncolors {
background-color: transparent !important;
color: var(--button--color-text-hover) !important;
&:hover {
background-color: var(--button--color-background) !important;
color: var(--button--color-text) !important;
text-decoration: none !important;
}
}

50
assets/css/twenty-twenty-one.scss
View File

@ -103,13 +103,13 @@ a.button {
border: 0;
tbody {
border-bottom: 1px solid #ddd;
border-bottom: 1px solid $body-color;
}
tfoot {
tr:last-of-type {
border-top: 1px solid #ddd;
border-top: 1px solid $body-color;
.woocommerce-Price-amount {
font-weight: 700;
@ -1320,17 +1320,14 @@ a.reset_variations {
tbody {
tr:nth-child(2n) {
td {
background: #eee;
}
}
tr:nth-child(2n+1) {
td {
background: #fff;
background: var(--global--color-background);
filter: brightness(88%);
.is-dark-theme & {
filter: brightness(112%);
}
}
}
}
@ -2233,6 +2230,10 @@ a.reset_variations {
table.shop_table_responsive {
.button {
@include inversebuttoncolors();
}
tr {
margin: 0 0 1.5rem;
@ -2247,7 +2248,18 @@ a.reset_variations {
&:nth-child(2n) {
td {
background: #fff;
background: transparent;
}
}
&:nth-child(2n+1) {
td {
background: var(--global--color-background);
filter: brightness(88%);
.is-dark-theme & {
filter: brightness(112%);
}
}
}
@ -2492,6 +2504,7 @@ a.reset_variations {
table.account-orders-table {
margin-top: 0;
border: 0;
margin-bottom: 1rem;
tr,
td,
@ -2503,12 +2516,24 @@ a.reset_variations {
th,
td,
td.woocommerce-orders-table__cell-order-actions {
width: 1%;
padding-right: 0.5rem;
padding-left: 0.5rem;
a {
padding-top: 0.3rem !important;
padding-bottom: 0.3rem !important;
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
}
td.woocommerce-orders-table__cell-order-date {
padding-right: 0;
}
thead {
border-bottom: 1px solid #ddd;
border-bottom: 1px solid $body-color;
}
.button {
@ -2516,6 +2541,7 @@ a.reset_variations {
padding-right: 0.5em;
width: 100%;
margin: 1.5rem 0;
@include inversebuttoncolors();
}
}
}