Browse Source

Varia: More WC design improvements.

Allan Cole 5 years ago
parent
commit
9fa26e6c41

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

@@ -14,6 +14,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 		.woocommerce-cart-link {
 
 			text-decoration: none;
+			line-height: 1;
 
 			& > *:not(:last-child) {
 				margin-right: #{0.25 * map-deep-get($config-global, "spacing", "horizontal")};

+ 7 - 3
varia/sass/vendors/woocommerce/pages/_cart.scss

@@ -3,9 +3,13 @@
  */
 body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
 
-	td.product-remove {
-		height: map-deep-get($config-global, "font", "size", "lg");
-		width: map-deep-get($config-global, "font", "size", "lg");
+	table.shop_table td.product-remove {
+		border-width: 0;
+
+		@include media(desktop) {
+			height: map-deep-get($config-global, "font", "size", "lg");
+			width: map-deep-get($config-global, "font", "size", "lg");
+		}
 	}
 
 	td.product-thumbnail {

+ 1 - 0
varia/sass/vendors/woocommerce/pages/_checkout.scss

@@ -148,6 +148,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 			margin-bottom: #{0.5 * map-deep-get($config-woocommerce, "table", "padding")};
 			margin-top: #{0.5 * map-deep-get($config-woocommerce, "table", "padding")};
 			font-size: map-deep-get($config-global, "font", "size", "sm");
+			font-weight: bold;
 			border-radius: map-deep-get($config-woocommerce, "table", "border", "radius");
 			line-height: map-deep-get($config-global, "font", "line-height", "body");
 			background-color: map-deep-get($config-global, "color", "background", "dark");

+ 13 - 0
varia/style-rtl.css

@@ -2484,6 +2484,11 @@ table th,
 	z-index: 1;
 }
 
+.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
+	cursor: pointer;
+	z-index: 99999;
+}
+
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2496,6 +2501,14 @@ table th,
 		/* Submenu display */
 	}
 	.main-navigation > div > ul li:hover > ul,
+	.main-navigation > div > ul li[focus-within] > ul,
+	.main-navigation > div > ul li ul:hover,
+	.main-navigation > div > ul li ul:focus {
+		visibility: visible;
+		opacity: 1;
+		display: block;
+	}
+	.main-navigation > div > ul li:hover > ul,
 	.main-navigation > div > ul li:focus-within > ul,
 	.main-navigation > div > ul li ul:hover,
 	.main-navigation > div > ul li ul:focus {

+ 11 - 3
varia/style-woocommerce.css

@@ -769,6 +769,7 @@ body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_c
 
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
 	text-decoration: none;
+	line-height: 1;
 }
 
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link > *:not(:last-child) {
@@ -1373,9 +1374,15 @@ body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
 /**
  * Cart page
  */
-body[class*="woocommerce"] #page td.product-remove {
-	height: 1.44rem;
-	width: 1.44rem;
+body[class*="woocommerce"] #page table.shop_table td.product-remove {
+	border-width: 0;
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page table.shop_table td.product-remove {
+		height: 1.44rem;
+		width: 1.44rem;
+	}
 }
 
 body[class*="woocommerce"] #page td.product-thumbnail {
@@ -1545,6 +1552,7 @@ body[class*="woocommerce"] #page #payment div.payment_box {
 	margin-bottom: 8px;
 	margin-top: 8px;
 	font-size: 0.83333rem;
+	font-weight: bold;
 	border-radius: 0;
 	line-height: 1.78;
 	background-color: #DDDDDD;