Varia: Cleaning up account pages.
This commit is contained in:
parent
199740a2c1
commit
6eaad3ae7e
4 changed files with 47 additions and 19 deletions
|
@ -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");
|
||||
|
|
|
@ -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");
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue