Jelajahi Sumber

Varia: improving mini cart styles.

Allan Cole 5 tahun lalu
induk
melakukan
afc02cecce

+ 4 - 1
varia/sass/vendors/woocommerce/components/_mini-cart.scss

@@ -17,7 +17,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 			margin: 0;
 
 			.svg-icon {
-				vertical-align: top;
+				vertical-align: text-top;
 			}
 		}
 
@@ -60,6 +60,8 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 				background-color: map-deep-get($config-woocommerce, "mini-cart", "color", "background");
 				color: map-deep-get($config-woocommerce, "mini-cart", "color", "text");
 				padding-top: #{map-deep-get($config-header, "main-nav", "link-padding")};
+				padding-left: #{map-deep-get($config-header, "main-nav", "link-padding")};
+				padding-right: #{map-deep-get($config-header, "main-nav", "link-padding")};
 				width: 100%;
 
 				a,
@@ -115,6 +117,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 
 			.woocommerce.widget_shopping_cart .cart_list {
 				border-bottom: 1px solid map-deep-get($config-woocommerce, "mini-cart", "color", "border");
+
 				li {
 					border-top: 1px solid map-deep-get($config-woocommerce, "mini-cart", "color", "border");
 				}

+ 4 - 2
varia/style-woocommerce-rtl.css

@@ -738,7 +738,7 @@ body[class*="woocommerce"] #page .main-navigation #toggle-cart {
 }
 
 body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
-	vertical-align: top;
+	vertical-align: text-top;
 }
 
 body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
@@ -773,6 +773,8 @@ body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked +
 		background-color: white;
 		color: #444444;
 		padding-top: 16px;
+		padding-right: 16px;
+		padding-left: 16px;
 		width: 100%;
 	}
 	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,
@@ -1977,7 +1979,7 @@ body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
 
 body[class*="woocommerce"] #page ul.cart_list li img,
 body[class*="woocommerce"] #page ul.product_list_widget li img {
-	margin-right: 4px;
+	margin-right: 16px;
 	width: 64px;
 }
 

+ 3 - 1
varia/style-woocommerce.css

@@ -738,7 +738,7 @@ body[class*="woocommerce"] #page .main-navigation #toggle-cart {
 }
 
 body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
-	vertical-align: top;
+	vertical-align: text-top;
 }
 
 body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
@@ -773,6 +773,8 @@ body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked +
 		background-color: white;
 		color: #444444;
 		padding-top: 16px;
+		padding-left: 16px;
+		padding-right: 16px;
 		width: 100%;
 	}
 	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,