Quellcode durchsuchen

Varia: Fix spacing and font sizes on My Account page.

Allan Cole vor 5 Jahren
Ursprung
Commit
35606a713b

+ 2 - 1
varia/sass/vendors/woocommerce/layout/_structure.scss

@@ -9,7 +9,8 @@ body[class*="woocommerce"] #page div.summary,
 body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel,
 body[class*="woocommerce"] #page .products.related,
 body[class*="woocommerce"] #page .up-sells,
-body[class*="woocommerce"] #page .woocommerce-order {
+body[class*="woocommerce"] #page .woocommerce-order,
+.woocommerce-account #page .entry-content .woocommerce {
 
 	& > *:not(:first-child) {
 		margin-top: map-deep-get($config-global, "spacing", "vertical");

+ 4 - 0
varia/sass/vendors/woocommerce/pages/_my-account.scss

@@ -36,3 +36,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 		}
 	}
 }
+
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: map-deep-get($config-global, "font", "size", "lg");
+}

+ 13 - 4
varia/style-woocommerce.css

@@ -1180,7 +1180,8 @@ body[class*="woocommerce"] #page div.summary > *:not(:first-child),
 body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
 body[class*="woocommerce"] #page .products.related > *:not(:first-child),
 body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
-body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child) {
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
 	margin-top: 32px;
 }
 
@@ -1188,7 +1189,8 @@ body[class*="woocommerce"] #page div.summary > *:not(:last-child),
 body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
 body[class*="woocommerce"] #page .products.related > *:not(:last-child),
 body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
-body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child) {
+body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
+.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
 	margin-bottom: 32px;
 }
 
@@ -1201,7 +1203,9 @@ body[class*="woocommerce"] #page .products.related > .form-row-last,
 body[class*="woocommerce"] #page .up-sells > *:empty + *,
 body[class*="woocommerce"] #page .up-sells > .form-row-last,
 body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
-body[class*="woocommerce"] #page .woocommerce-order > .form-row-last {
+body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
+.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
+.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
 	margin-top: 0;
 }
 
@@ -1209,7 +1213,8 @@ body[class*="woocommerce"] #page div.summary > *:not(img):empty,
 body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
 body[class*="woocommerce"] #page .products.related > *:not(img):empty,
 body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
-body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty {
+body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
+.woocommerce-account #page .entry-content .woocommerce > *:not(img):empty {
 	margin: 0;
 }
 
@@ -1693,6 +1698,10 @@ body[class*="woocommerce"] #page .addresses .title .edit {
 	line-height: 1;
 }
 
+.woocommerce-account .entry-content .woocommerce > h2 {
+	font-size: 1.44rem;
+}
+
 /**
  * Products Page
  */