Product tabs, password icon, and css

alinashevchenkome · alinashevchenkome · commit e7fe364d93aa · 2025-04-07T14:42:18.000+05:30
* Fix: Variant error at default options.
* Fix: WooCommerce product tabs css.
* Fix: Password input css.
diff --git a/assets/css/all.min.css b/assets/css/all.min.css
diff --git a/assets/css/editor/editor-styles.min.css b/assets/css/editor/editor-styles.min.css
diff --git a/assets/css/header.min.css b/assets/css/header.min.css
diff --git a/assets/css/src/header.scss b/assets/css/src/header.scss
@@ -359,4 +359,23 @@ a.social-button.has-custom-image {
 }
 #mobile-header .mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, #mobile-header .mobile-navigation ul li:not(.menu-item-has-children) a {
 	border: 0;
-}
+}
+
+#mobile-header {
+	.site-header-item{
+        &:has(input, select, textarea) { 
+			flex: 1 1 auto;  // Allows it to grow fully 
+			min-width: 0;  // Prevents unwanted shrinking 
+			width: 100%;  // Forces full width 
+			justify-self: center;
+			align-self: center;
+
+			& > * {
+				flex-grow: 1;
+			}
+        }
+		input, select, textarea {
+			width: 100%;
+		}
+    }
+}
diff --git a/assets/css/src/woo/_blocks.scss b/assets/css/src/woo/_blocks.scss
@@ -377,11 +377,13 @@ li.product a .secondary-product-image, .wc-block-grid__product a .secondary-prod
     overflow: hidden;
 }
 // Hover image Fade
-.woo-archive-image-hover-fade .woocommerce-loop-product__link .attachment-woocommerce_thumbnail {
-    transition: opacity 0.3s ease;
-}
-.woo-archive-image-hover-fade .woocommerce-loop-product__link:hover .attachment-woocommerce_thumbnail {
-    opacity: 1;
+@media screen and (min-width:767px) {
+	.woo-archive-image-hover-fade .woocommerce-loop-product__link .attachment-woocommerce_thumbnail {
+		transition: opacity 0.3s ease;
+	}
+	.woo-archive-image-hover-fade .woocommerce-loop-product__link:hover .attachment-woocommerce_thumbnail {
+		opacity: 1;
+	}	
 }
 // Hover image Zoom
 .woo-archive-image-hover-zoom .woocommerce-loop-product__link .attachment-woocommerce_thumbnail {
diff --git a/assets/css/src/woo/_layout.scss b/assets/css/src/woo/_layout.scss
@@ -247,19 +247,23 @@
 
 		.show-password-input {
 			position: absolute;
-			right: 0.7em;
-			top: 0.7em;
+			right: .7em;
+			top: 50%;
+			transform: translateY(-50%);
 			cursor: pointer;
+			padding: 0;
+			background: transparent;
+
 		}
 
 		.show-password-input::after {
 			content:'';
 			display: block;		
-			background-color: var( --global-palette6 );
+			background-color: var( --global-palette3 );
 			mask-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgo8dGl0bGU+ZXllMTwvdGl0bGU+CjxwYXRoIGQ9Ik0wLjEwNiAxMS41NTNjLTAuMTM2IDAuMjc0LTAuMTQ2IDAuNjAzIDAgMC44OTQgMCAwIDAuMzk2IDAuNzg5IDEuMTIgMS44NDMgMC40NTEgMC42NTYgMS4wMzggMS40MzIgMS43NTcgMi4yMTggMC44OTQgMC45NzkgMi4wMDQgMS45ODcgMy4zMTkgMi44IDEuNTk1IDAuOTg2IDMuNTA2IDEuNjkyIDUuNjk4IDEuNjkyczQuMTAzLTAuNzA2IDUuNjk4LTEuNjkyYzEuMzE1LTAuODEzIDIuNDI1LTEuODIxIDMuMzE5LTIuOCAwLjcxOC0wLjc4NiAxLjMwNi0xLjU2MiAxLjc1Ny0yLjIxOCAwLjcyNC0xLjA1NCAxLjEyLTEuODQzIDEuMTItMS44NDMgMC4xMzYtMC4yNzQgMC4xNDYtMC42MDMgMC0wLjg5NCAwIDAtMC4zOTYtMC43ODktMS4xMi0xLjg0My0wLjQ1MS0wLjY1Ni0xLjAzOC0xLjQzMi0xLjc1Ny0yLjIxOC0wLjg5NC0wLjk3OS0yLjAwNC0xLjk4Ny0zLjMxOS0yLjgtMS41OTUtMC45ODYtMy41MDYtMS42OTItNS42OTgtMS42OTJzLTQuMTAzIDAuNzA2LTUuNjk4IDEuNjkyYy0xLjMxNSAwLjgxMy0yLjQyNSAxLjgyMS0zLjMxOSAyLjgtMC43MTkgMC43ODYtMS4zMDYgMS41NjEtMS43NTcgMi4yMTgtMC43MjQgMS4wNTQtMS4xMiAxLjg0My0xLjEyIDEuODQzek0yLjE0IDEyYzAuMTYzLTAuMjgxIDAuNDA3LTAuNjgxIDAuNzM0LTEuMTU4IDAuNDEtMC41OTYgMC45NC0xLjI5NiAxLjU4NS0yLjAwMSAwLjgwNS0wLjg4MSAxLjc3NS0xLjc1NiAyLjg5NC0yLjQ0OCAxLjM1LTAuODM0IDIuOTAxLTEuMzkzIDQuNjQ3LTEuMzkzczMuMjk3IDAuNTU5IDQuNjQ2IDEuMzkzYzEuMTE5IDAuNjkyIDIuMDg5IDEuNTY3IDIuODk0IDIuNDQ4IDAuNjQ0IDAuNzA1IDEuMTc1IDEuNDA1IDEuNTg1IDIuMDAxIDAuMzI4IDAuNDc3IDAuNTcyIDAuODc2IDAuNzM0IDEuMTU4LTAuMTYzIDAuMjgxLTAuNDA3IDAuNjgxLTAuNzM0IDEuMTU4LTAuNDEgMC41OTYtMC45NCAxLjI5Ni0xLjU4NSAyLjAwMS0wLjgwNSAwLjg4MS0xLjc3NSAxLjc1Ni0yLjg5NCAyLjQ0OC0xLjM0OSAwLjgzNC0yLjkgMS4zOTMtNC42NDYgMS4zOTNzLTMuMjk3LTAuNTU5LTQuNjQ2LTEuMzkzYy0xLjExOS0wLjY5Mi0yLjA4OS0xLjU2Ny0yLjg5NC0yLjQ0OC0wLjY0NC0wLjcwNS0xLjE3NS0xLjQwNS0xLjU4NS0yLjAwMS0wLjMyOC0wLjQ3Ny0wLjU3Mi0wLjg3Ny0wLjczNS0xLjE1OHpNMTYgMTJjMC0xLjEwNC0wLjQ0OS0yLjEwNi0xLjE3Mi0yLjgyOHMtMS43MjQtMS4xNzItMi44MjgtMS4xNzItMi4xMDYgMC40NDktMi44MjggMS4xNzItMS4xNzIgMS43MjQtMS4xNzIgMi44MjggMC40NDkgMi4xMDYgMS4xNzIgMi44MjggMS43MjQgMS4xNzIgMi44MjggMS4xNzIgMi4xMDYtMC40NDkgMi44MjgtMS4xNzIgMS4xNzItMS43MjQgMS4xNzItMi44Mjh6TTE0IDEyYzAgMC41NTMtMC4yMjMgMS4wNTEtMC41ODYgMS40MTRzLTAuODYxIDAuNTg2LTEuNDE0IDAuNTg2LTEuMDUxLTAuMjIzLTEuNDE0LTAuNTg2LTAuNTg2LTAuODYxLTAuNTg2LTEuNDE0IDAuMjIzLTEuMDUxIDAuNTg2LTEuNDE0IDAuODYxLTAuNTg2IDEuNDE0LTAuNTg2IDEuMDUxIDAuMjIzIDEuNDE0IDAuNTg2IDAuNTg2IDAuODYxIDAuNTg2IDEuNDE0eiI+PC9wYXRoPgo8L3N2Zz4K);
 			mask-position: 50%;
 			mask-repeat: no-repeat;
-			mask-size: 1em;
+			mask-size: 1.2em;
 			min-height: 1.2em;
 			min-width: 1.2em;
 			top: 0;
diff --git a/assets/css/src/woo/_single.scss b/assets/css/src/woo/_single.scss
@@ -355,6 +355,10 @@
 				overflow: hidden;
 				position: relative;
 
+				display: flex;
+				justify-content: unset;
+				overflow-x: auto;
+
 				li {
 					border: 1px solid var(--global-gray-400);
 					background-color: var(--global-palette8);
@@ -365,6 +369,8 @@
 					margin: 0 2px;
 					padding: 0;
 
+					flex-shrink: 0;
+
 					a {
 						display: inline-block;
 						padding: 1em 1em;
@@ -599,8 +605,8 @@
 	   z-index: 9;
    	}
    	&.product-tab-style-center div.product .woocommerce-tabs ul.tabs {
-		text-align: center;
 		padding: 0;
+		justify-content: center;
 		li {
 			border: 0;
 			border-bottom: 3px solid transparent;
diff --git a/assets/css/src/woo/_small_screen.scss b/assets/css/src/woo/_small_screen.scss
@@ -12,6 +12,16 @@
  /**
   * Style begins
   */
+  @media screen and (max-width: $tablet-minus-query) {
+    .woocommerce.product-tab-style-center div.product .woocommerce-tabs ul.tabs {
+        display: flex;
+		justify-content: unset; 
+		overflow-x: auto;
+        li {
+            flex-shrink: 0;
+        }
+    }
+  }
   @media screen and (max-width: $phone-minus-query) {
     .woocommerce div.product .woocommerce-tabs {
         margin-bottom: 2em;
@@ -20,13 +30,12 @@
             margin-bottom: 1em;
             li {
                 display: block;
-                margin: 0;
-                border-radius: 0;
-                border: 0;
                 border-bottom: 1px solid var(--global-gray-400);
                 a {
                     display: block;
                     opacity: 0.7;
+                    padding: 7px 15px;
+                    font-size: inherit;
                 }
             }
             li.active {
diff --git a/assets/css/woocommerce.min.css b/assets/css/woocommerce.min.css
diff --git a/changelog.txt b/changelog.txt
@@ -1,3 +1,8 @@
+== 1.5.5 | 7th April 2025 ==
+* Fix: Variant error at default options.
+* Fix: WooCommerce product tabs css.
+* Fix: Password input css.
+
 == 1.5.4 | 24th March 2025 ==
 * Add: Apply filter to shop loop product title.
 * Fix: 00 cart total when currency symbol right.
diff --git a/functions.php b/functions.php
@@ -9,7 +9,7 @@
  * @package Base
  */
 
-define( 'AVANAM_VERSION', '1.5.4' );
+define( 'AVANAM_VERSION', '1.5.5' );
 define( 'AVANAM_MINIMUM_WP_VERSION', '6.0' );
 define( 'AVANAM_MINIMUM_PHP_VERSION', '7.4' );
 
diff --git a/inc/class-base-css.php b/inc/class-base-css.php
@@ -1203,8 +1203,10 @@ public function maybe_add_google_variant( $font, $area = null ) {
 			}
 		}
 		if ( $maybe_add ) {
-			if ( ! in_array( $font['variant'], self::$google_fonts[ $parent_font['family'] ]['fontvariants'], true ) ) {
-				array_push( self::$google_fonts[ $parent_font['family'] ]['fontvariants'], $font['variant'] );
+			if (is_array(self::$google_fonts) && !empty(self::$google_fonts)) {
+				if ( ! in_array( $font['variant'], self::$google_fonts[ $parent_font['family'] ]['fontvariants'], true ) ) {
+					array_push( self::$google_fonts[ $parent_font['family'] ]['fontvariants'], $font['variant'] );
+				}
 			}
 		}
 	}
diff --git a/readme.txt b/readme.txt
@@ -4,7 +4,7 @@ Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widget
 Requires at least: 6.2
 Tested up to: 6.7
 Requires PHP: 7.4
-Stable tag: 1.5.4
+Stable tag: 1.5.5
 License: GNU General Public License v3.0 (or later)
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
 
diff --git a/style.css b/style.css
@@ -4,7 +4,7 @@ Theme URI: https://avanam.org
 Author: AvanamOrg
 Author URI: https://avanam.org/
 Description: This is starter WordPress theme called Avanam. Created for theme developers to start building beautiful WordPress themes using Avanam.
-Version: 1.5.4
+Version: 1.5.5
 License: GNU General Public License v3.0 (or later)
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
 Text Domain: avanam
