Varia: Cleaning up account pages.

This commit is contained in:
Allan Cole 2019-10-24 16:54:22 -04:00
parent 199740a2c1
commit 6eaad3ae7e
4 changed files with 47 additions and 19 deletions

View file

@ -80,7 +80,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address,
body[class*="woocommerce"] #page .woocommerce-products-header,
body[class*="woocommerce"] #page .woocommerce-checkout,
body[class*="woocommerce"] #page .woocommerce-order-downloads,
body[class*="woocommerce"] #page .woocommerce-order-details {
body[class*="woocommerce"] #page .woocommerce-order-details,
body[class*="woocommerce"] #page .woocommerce-customer-details {
& > *:not(:first-child) {
margin-top: map-deep-get($config-global, "spacing", "unit");

View file

@ -3,13 +3,17 @@
*/
body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
.woocommerce-MyAccount-navigation {
.entry-content .woocommerce-MyAccount-navigation {
width: 20%;
ul li a {
line-height: map-deep-get($config-global, "font", "line-height", "heading");
display: inline-table;
}
& + *:not(:first-child) {
margin-top: 0;
}
}
.woocommerce-MyAccount-content {
@ -37,6 +41,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
}
}
.woocommerce-account .entry-content .woocommerce > h2 {
.woocommerce-account .entry-content .woocommerce > h2,
body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
font-size: map-deep-get($config-global, "font", "size", "lg");
}

View file

@ -781,11 +781,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
}
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
border-bottom: 1px solid #FAFAFA;
border-bottom: 1px solid #DDDDDD;
}
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
border-top: 1px solid #FAFAFA;
border-top: 1px solid #DDDDDD;
}
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
@ -1274,7 +1274,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:
body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child) {
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:first-child) {
margin-top: 16px;
}
@ -1329,7 +1330,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .price,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-order-details > .price {
body[class*="woocommerce"] #page .woocommerce-order-details > .price,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
margin-bottom: 16px;
}
@ -1384,7 +1387,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
margin-top: 0;
}
@ -1413,7 +1418,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty
body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
margin: 0;
}
@ -1704,15 +1710,19 @@ body[class*="woocommerce"] #page .woocommerce-invalid #terms {
/**
* Account page
*/
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
width: 20%;
}
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
line-height: 1.125;
display: inline-table;
}
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
margin-top: 0;
}
body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
width: calc(80% - 16px);
}
@ -1735,7 +1745,8 @@ body[class*="woocommerce"] #page .addresses .title .edit {
line-height: 1;
}
.woocommerce-account .entry-content .woocommerce > h2 {
.woocommerce-account .entry-content .woocommerce > h2,
body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
font-size: 1.44rem;
}

View file

@ -1274,7 +1274,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:
body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child) {
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:first-child) {
margin-top: 16px;
}
@ -1329,7 +1330,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .price,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-order-details > .price {
body[class*="woocommerce"] #page .woocommerce-order-details > .price,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
margin-bottom: 16px;
}
@ -1384,7 +1387,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
margin-top: 0;
}
@ -1413,7 +1418,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty
body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
margin: 0;
}
@ -1704,15 +1710,19 @@ body[class*="woocommerce"] #page .woocommerce-invalid #terms {
/**
* Account page
*/
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
width: 20%;
}
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
line-height: 1.125;
display: inline-table;
}
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
margin-top: 0;
}
body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
width: calc(80% - 16px);
}
@ -1735,7 +1745,8 @@ body[class*="woocommerce"] #page .addresses .title .edit {
line-height: 1;
}
.woocommerce-account .entry-content .woocommerce > h2 {
.woocommerce-account .entry-content .woocommerce > h2,
body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
font-size: 1.44rem;
}