Kaynağa Gözat

Varia: Improve tables and images in tables

Allan Cole 5 yıl önce
ebeveyn
işleme
750a2a84eb

+ 15 - 0
varia/sass/vendors/woocommerce/components/_tables.scss

@@ -4,6 +4,21 @@
 
 .woocommerce {
 
+	table.shop_table {
+
+		border-collapse: collapse;
+		border: 1px solid $color_border_default;
+		margin-bottom: $spacing_vertical;
+
+		td {
+			border-top: none;
+		}
+
+		tr {
+			border-bottom: 1px solid $color_border_default;
+		}
+	}
+
 	table.shop_attributes {
 		border-top-color: $color_border_default;
 		border-top-style: solid;

+ 1 - 1
varia/sass/vendors/woocommerce/pages/_cart.scss

@@ -15,7 +15,7 @@
 		}
 
 		img {
-			width: $spacing_horizontal;
+			width: #{2 * $spacing_vertical};
 		}
 
 		td.actions .coupon .input-text {

+ 20 - 27
varia/style-rtl.css

@@ -2492,16 +2492,6 @@ 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;
-}
-
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2514,22 +2504,6 @@ 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 {
-		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 {
@@ -4097,6 +4071,20 @@ woocommerce-password-hint {
 /**
  * Tables
  */
+.woocommerce table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #DDDDDD;
+	margin-bottom: 32px;
+}
+
+.woocommerce table.shop_table td {
+	border-top: none;
+}
+
+.woocommerce table.shop_table tr {
+	border-bottom: 1px solid #DDDDDD;
+}
+
 .woocommerce table.shop_attributes {
 	border-top-color: #DDDDDD;
 	border-top-style: solid;
@@ -4144,6 +4132,7 @@ woocommerce-password-hint {
 .woocommerce .woocommerce-MyAccount-content > *:not(:first-child),
 .woocommerce .woocommerce-EditAccountForm > *:not(:first-child),
 .woocommerce .woocommerce-billing-fields > *:not(:first-child),
+.woocommerce .woocommerce-shipping-fields > *:not(:first-child),
 .woocommerce .woocommerce-checkout > *:not(:first-child),
 .woocommerce .up-sells > *:not(:first-child) {
 	margin-top: 32px;
@@ -4155,6 +4144,7 @@ woocommerce-password-hint {
 .woocommerce .woocommerce-MyAccount-content > *:not(:last-child),
 .woocommerce .woocommerce-EditAccountForm > *:not(:last-child),
 .woocommerce .woocommerce-billing-fields > *:not(:last-child),
+.woocommerce .woocommerce-shipping-fields > *:not(:last-child),
 .woocommerce .woocommerce-checkout > *:not(:last-child),
 .woocommerce .up-sells > *:not(:last-child) {
 	margin-bottom: 32px;
@@ -4172,6 +4162,8 @@ woocommerce-password-hint {
 .woocommerce .woocommerce-EditAccountForm > .form-row-last,
 .woocommerce .woocommerce-billing-fields > *:empty + *,
 .woocommerce .woocommerce-billing-fields > .form-row-last,
+.woocommerce .woocommerce-shipping-fields > *:empty + *,
+.woocommerce .woocommerce-shipping-fields > .form-row-last,
 .woocommerce .woocommerce-checkout > *:empty + *,
 .woocommerce .woocommerce-checkout > .form-row-last,
 .woocommerce .up-sells > *:empty + *,
@@ -4185,6 +4177,7 @@ woocommerce-password-hint {
 .woocommerce .woocommerce-MyAccount-content > *:empty,
 .woocommerce .woocommerce-EditAccountForm > *:empty,
 .woocommerce .woocommerce-billing-fields > *:empty,
+.woocommerce .woocommerce-shipping-fields > *:empty,
 .woocommerce .woocommerce-checkout > *:empty,
 .woocommerce .up-sells > *:empty {
 	margin: 0;
@@ -4277,7 +4270,7 @@ woocommerce-password-hint {
 .woocommerce-cart table.cart img,
 .woocommerce-checkout table.cart img,
 #add_payment_method table.cart img {
-	width: 16px;
+	width: 64px;
 }
 
 .woocommerce-cart table.cart td.actions .coupon .input-text,

+ 28 - 1
varia/style.css

@@ -2514,6 +2514,11 @@ table th,
 	z-index: 99999;
 }
 
+.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;
@@ -2534,6 +2539,14 @@ table th,
 		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 {
+		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 {
@@ -4113,6 +4126,20 @@ woocommerce-password-hint {
 /**
  * Tables
  */
+.woocommerce table.shop_table {
+	border-collapse: collapse;
+	border: 1px solid #DDDDDD;
+	margin-bottom: 32px;
+}
+
+.woocommerce table.shop_table td {
+	border-top: none;
+}
+
+.woocommerce table.shop_table tr {
+	border-bottom: 1px solid #DDDDDD;
+}
+
 .woocommerce table.shop_attributes {
 	border-top-color: #DDDDDD;
 	border-top-style: solid;
@@ -4298,7 +4325,7 @@ woocommerce-password-hint {
 .woocommerce-cart table.cart img,
 .woocommerce-checkout table.cart img,
 #add_payment_method table.cart img {
-	width: 16px;
+	width: 64px;
 }
 
 .woocommerce-cart table.cart td.actions .coupon .input-text,