Browse Source

Stow: Fix mobile mini-cart padding and current-link-colors on mobile-menu.

Allan Cole 5 năm trước cách đây
mục cha
commit
cd8b7e7e32

+ 6 - 2
stow/sass/_extra-child-theme.scss

@@ -134,10 +134,14 @@ a {
 	}
 
 	&.main-navigation {
+
+		& > div {
+			padding-left: #{map-deep-get($config-global, "spacing", "unit")};
+			padding-right: #{map-deep-get($config-global, "spacing", "unit")};
+		}
+
 		ul {
 			li {
-				padding-left: #{map-deep-get($config-global, "spacing", "unit")};
-				padding-right: #{map-deep-get($config-global, "spacing", "unit")};
 				&.current-menu-item {
 					a {
 						color: #{map-deep-get($config-global, "color", "secondary", "hover")};

+ 20 - 7
stow/sass/style-child-theme-woocommerce.scss

@@ -41,7 +41,7 @@
 @import "../../varia/sass/vendors/woocommerce/style";
 
 // Fix mobile-cart button
-#site-navigation {
+body[class*="woocommerce"] #page #site-navigation {
 
 	&.main-navigation {
 
@@ -55,11 +55,24 @@
 			text-align: center;
 			font-size: map-deep-get($config-header, "main-nav", "font", "size");
 		}
+
+		// Fix SVG cart icon height
+		.woocommerce-cart-link .svg-icon {
+			height: 1em;
+			width: 1em;
+		}
+
+		// Fix currnet-menu-item text color on mobile
+		@include media(mobile-only) {
+
+			& > div {
+				padding-left: #{map-deep-get($config-global, "spacing", "unit")};
+				padding-right: #{map-deep-get($config-global, "spacing", "unit")};
+			}
+
+			ul li.current-menu-item a {
+				color: map-deep-get($config-global, "color", "background", "default");
+			}
+		}
 	}
 }
-
-// Fix SVG cart icon height
-body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
-	height: 1em;
-	width: 1em;
-}

+ 8 - 1
stow/style-rtl.css

@@ -3639,6 +3639,13 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 	font-size: 0.83333rem;
 }
 
+/**
+ * Business Hours
+ */
+.jetpack-business-hours dd {
+	padding-right: 0;
+}
+
 /**
  * Child Theme Extra Styles
  */
@@ -3772,7 +3779,7 @@ a {
 	text-align: right;
 }
 
-#site-navigation.main-navigation ul li {
+#site-navigation.main-navigation > div {
 	padding-right: 16px;
 	padding-left: 16px;
 }

+ 12 - 2
stow/style-woocommerce-rtl.css

@@ -2131,14 +2131,24 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 	}
 }
 
-#site-navigation.main-navigation #toggle-cart {
+body[class*="woocommerce"] #page #site-navigation.main-navigation #toggle-menu {
+	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
+}
+
+body[class*="woocommerce"] #page #site-navigation.main-navigation #toggle-cart {
 	border-radius: 0;
 	width: 100% !important;
 	text-align: center;
 	font-size: 1.2rem;
 }
 
-body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+body[class*="woocommerce"] #page #site-navigation.main-navigation .woocommerce-cart-link .svg-icon {
 	height: 1em;
 	width: 1em;
 }
+
+@media only screen and (max-width: 559px) {
+	body[class*="woocommerce"] #page #site-navigation.main-navigation ul li.current-menu-item a {
+		color: white;
+	}
+}

+ 13 - 3
stow/style-woocommerce.css

@@ -2131,18 +2131,28 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 	}
 }
 
-#site-navigation.main-navigation #toggle-menu {
+body[class*="woocommerce"] #page #site-navigation.main-navigation #toggle-menu {
 	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
 }
 
-#site-navigation.main-navigation #toggle-cart {
+body[class*="woocommerce"] #page #site-navigation.main-navigation #toggle-cart {
 	border-radius: 0;
 	width: 100% !important;
 	text-align: center;
 	font-size: 1.2rem;
 }
 
-body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+body[class*="woocommerce"] #page #site-navigation.main-navigation .woocommerce-cart-link .svg-icon {
 	height: 1em;
 	width: 1em;
 }
+
+@media only screen and (max-width: 559px) {
+	body[class*="woocommerce"] #page #site-navigation.main-navigation > div {
+		padding-left: 16px;
+		padding-right: 16px;
+	}
+	body[class*="woocommerce"] #page #site-navigation.main-navigation ul li.current-menu-item a {
+		color: white;
+	}
+}

+ 8 - 1
stow/style.css

@@ -3668,6 +3668,13 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 	font-size: 0.83333rem;
 }
 
+/**
+ * Business Hours
+ */
+.jetpack-business-hours dd {
+	padding-left: 0;
+}
+
 /**
  * Child Theme Extra Styles
  */
@@ -3801,7 +3808,7 @@ a {
 	text-align: left;
 }
 
-#site-navigation.main-navigation ul li {
+#site-navigation.main-navigation > div {
 	padding-left: 16px;
 	padding-right: 16px;
 }