diff --git a/inc/template-tags.php b/inc/template-tags.php index e89182f..6789cea 100644 --- a/inc/template-tags.php +++ b/inc/template-tags.php @@ -592,6 +592,7 @@ function polestar_related_posts( $post_id ) { related_posts(); } else { // The fallback loop. $categories = get_the_category( $post_id ); + if ( empty( $categories ) ) return; $first_cat = $categories[0]->cat_ID; $args = array( 'category__in' => array( $first_cat ), diff --git a/js/jquery.theme.js b/js/jquery.theme.js index 7f80167..342805b 100644 --- a/js/jquery.theme.js +++ b/js/jquery.theme.js @@ -72,7 +72,7 @@ sttWindowScroll(); $( window ).on( 'scroll', sttWindowScroll ); $( '#scroll-to-top' ).on( 'click', function() { - $( 'html, body' ).animate( { scrollTop: 0 } ); + $( 'html, body' ).stop().animate( { scrollTop: 0 } ); } ); // Header search. @@ -229,7 +229,7 @@ var target = $( this.hash ); target = target.length ? target : $( '[name=' + this.hash.slice( 1 ) +']' ); if ( target.length ) { - $( 'html, body' ).animate( { + $( 'html, body' ).stop().animate( { scrollTop: target.offset().top - calcHeaderHeight() }, { diff --git a/readme.txt b/readme.txt index 54db6c9..5fdf3a8 100644 --- a/readme.txt +++ b/readme.txt @@ -4,7 +4,7 @@ Contributors: Puro Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce -Tested up to: 5.8 +Tested up to: 5.9 Requires at least: 4.7 Requires PHP: 5.6.20 License: GPLv2 or later @@ -152,6 +152,11 @@ Released under [GPL version 2](https://www.gnu.org/licenses/old-licenses/gpl-2.0 == Changelog == += 1.8.1 - 03 February 2022 = +* WooCommerce: Fixed single product variation drop-down alignment. +* Smooth Scrolling: Update to allow for animation interruption when another page jump is clicked. +* Footer Social Menu: Fixed last icon alignment. + = 1.8.0 - 05 December 2021 = * Added additional web-safe fonts. * FlexSlider: Prevented misalignment on load in SO Page Builder full-width stretched row. diff --git a/sass/_normalize.scss b/sass/_normalize.scss index 87ad540..7a655af 100644 --- a/sass/_normalize.scss +++ b/sass/_normalize.scss @@ -181,7 +181,7 @@ input[type="search"]::-webkit-search-decoration { } fieldset { - border: 0; + border: 0; margin: 0; padding: 0; } diff --git a/sass/elements/_tables.scss b/sass/elements/_tables.scss index abe4d5f..48d8547 100644 --- a/sass/elements/_tables.scss +++ b/sass/elements/_tables.scss @@ -18,7 +18,7 @@ table { th, td { - border: 1px solid $color__background-hr; + border: 1px solid $color__background-hr; padding: 8px 16px; @media (max-width: 768px) { diff --git a/sass/navigation/_menus.scss b/sass/navigation/_menus.scss index a184f86..2ffdebf 100644 --- a/sass/navigation/_menus.scss +++ b/sass/navigation/_menus.scss @@ -23,9 +23,9 @@ position: absolute; text-align: left; top: 100%; + transform-origin: center top; transform: scale(0.95); transition: all 0.15s ease-in; - transform-origin: center top; visibility: hidden; z-index: 99999; @@ -37,8 +37,8 @@ li { margin: 0; - padding: 0; min-width: 100%; + padding: 0; width: max-content; &:hover > ul, @@ -49,9 +49,9 @@ a { border-bottom: 1px solid $color__background-hr; font-size: 13px; - outline: none; margin: 0 25px; max-width: 100%; + outline: none; padding: 10px 0; white-space: nowrap; @@ -103,13 +103,13 @@ > a:before { content: "\f053"; - font-size: 9px; font-family: $font__icon; + font-size: 9px; line-height: normal; padding-right: 12px; position: relative; - transform: rotate(45deg); top: 0; + transform: rotate(45deg); } > a:after { @@ -127,13 +127,13 @@ > a:before { content: "\f053"; - font-size: 9px; font-family: $font__icon; + font-size: 9px; line-height: normal; padding-right: 12px; position: relative; - transform: rotate(45deg); top: 0; + transform: rotate(45deg); } > a:after { @@ -203,8 +203,8 @@ > a:after { content: "\f078"; - font-size: 10px; font-family: $font__icon; + font-size: 10px; line-height: normal; padding-left: 8px; position: relative; @@ -220,8 +220,8 @@ > a:after { content: "\f054"; - font-size: 9px; font-family: $font__icon; + font-size: 9px; line-height: normal; padding-left: 12px; position: relative; @@ -367,9 +367,9 @@ width: 36px; span { - display: block; - border-radius: 5px; background: $color__text-dark; + border-radius: 5px; + display: block; height: 2px; left: 8px; max-width: 20px; @@ -380,7 +380,7 @@ width: 100%; .overlap-light .site-header:not(.stuck) & { - background: #fff; + background: #fff; } .overlap-dark .site-header:not(.stuck) & { @@ -426,6 +426,7 @@ } #mobile-navigation { + -webkit-overflow-scrolling: touch; background: #fff; border-bottom: 1px solid $color__background-hr; left: 0; @@ -434,7 +435,6 @@ padding: 0 25px 25px; position: absolute; top: 100%; - -webkit-overflow-scrolling: touch; width: 100%; z-index: 10; @@ -455,7 +455,7 @@ width: 100%; a { - border-bottom: 1px solid $color__background-hr; + border-bottom: 1px solid $color__background-hr; color: $color__text-dark; display: block; font-weight: 600; @@ -574,8 +574,8 @@ $sel: ''; color: $color__text-medium; display: inline-block; margin-right: 3px; - padding-right: 16px; padding-left: 16px; + padding-right: 16px; &:visited { color: $color__text-medium; @@ -603,8 +603,8 @@ $sel: ''; background: none; font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 13px; - padding-right: 0; padding-left: 0; + padding-right: 0; &:hover { background: none; @@ -625,8 +625,8 @@ $sel: ''; a { color: $color__text-medium; - font-weight: bold; font-weight: 600; + font-weight: bold; &:hover { color: $color__accent; @@ -638,10 +638,10 @@ $sel: ''; display: inline-block; font-size: 14px; font-weight: normal; - text-transform: uppercase; line-height: normal; margin-bottom: 10px; padding-bottom: 3px; + text-transform: uppercase; } div { @@ -651,8 +651,8 @@ $sel: ''; } .comment-navigation { - text-transform: capitalize; margin: 25px 0; + text-transform: capitalize; span { font-size: 13px; @@ -671,8 +671,8 @@ $sel: ''; a { color: $color__text-dark; - font-weight: bold; font-weight: 600; + font-weight: bold; &:hover { color: $color__accent; @@ -723,6 +723,7 @@ $sel: ''; .footer-menu { a[href*="behance.net"], a[href*="codepen.io"], a[href*="delicious.com"], a[href*="deviantart.com"], a[href*="digg.com"], a[href*="dribbble.com"], a[href*="facebook.com"], a[href*="flickr.com"], a[href*="foursquare.com"], a[href*="github.com"], a[href*="plus.google.com"], a[href*="instagram.com"], a[href*="linkedin.com"], a[href*="pinterest.com"], a[href*="reddit.com"], a[href*="soundcloud.com"], a[href*="stackexchange.com"], a[href*="stackoverflow.com"], a[href*="tumblr.com"], a[href*="twitter.com"], a[href*="vimeo.com"], a[href*="vine.co"], a[href*="vk.com"], a[href*="weibo.com"], a[href*="wordpress.com"], a[href*="xing"], a[href*="yelp"], a[href*="youtube.com"] { + display: block; font-size: 0; margin-right: -16px; text-align: center; diff --git a/sass/site/_header.scss b/sass/site/_header.scss index 455309f..09305de 100644 --- a/sass/site/_header.scss +++ b/sass/site/_header.scss @@ -5,7 +5,7 @@ padding: 25px 0; position: relative; width: 100%; - z-index: 9999; + z-index: 999; body[class*="overlap-"] &:not(.stuck) { background: transparent; diff --git a/sass/site/primary/_posts-and-pages.scss b/sass/site/primary/_posts-and-pages.scss index d98185c..3684422 100644 --- a/sass/site/primary/_posts-and-pages.scss +++ b/sass/site/primary/_posts-and-pages.scss @@ -404,7 +404,7 @@ } button[type="submit"] { - background: none; + background: none; border: none; padding: 12px 15px 10px; position: absolute; diff --git a/sass/style.scss b/sass/style.scss index 3fb67b3..169afc2 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -5,7 +5,7 @@ Author URI: https://purothemes.com/ Theme URI: https://purothemes.com/themes/polestar/ Description: Lead the way with Polestar. It's fast loading, responsive, lightweight and flexible design is perfectly suited for building dynamic pages with SiteOrigin's Page Builder and selling with WooCommerce. Ecommerce features include a menu mini-cart and product quick-view. Polestar features a sticky header, beautiful header search, scroll to top and just the right amount of Customizer theme settings. Page level settings let you adjust the theme layout on a page by page basis, perfect for landing pages. If you run a blog, Polestar is ready with awesome features including a full-width posts slider integrated with Jetpack Featured Content, an author box and related posts section. For assistance, check out our theme documentation (http://purothemes.com/documentation/) or ask a question on our support forum (https://purothemes.com/support/). Version: dev -Tested up to: 5.8 +Tested up to: 5.9 Requires at least: 4.7 Requires PHP: 5.6.20 License: GNU General Public License v2 or later diff --git a/sass/woocommerce/_archive.scss b/sass/woocommerce/_archive.scss index eec7791..2c0a529 100644 --- a/sass/woocommerce/_archive.scss +++ b/sass/woocommerce/_archive.scss @@ -212,16 +212,16 @@ margin: 0; @at-root .post-type-archive-product#{&} { - padding-top: 30px; + padding-top: 30px; } // Remove the products list top padding within the Infinite Wrap container if we're using Jetpack Infinite Scroll. @at-root .post-type-archive-product .infinite-wrap .products { - padding-top: 0; + padding-top: 0; } @at-root .tax-product_cat#{&} { - padding-top: 30px; + padding-top: 30px; } // Product list item. @@ -361,7 +361,7 @@ img { display: block; margin: 0 auto; - width: 100%; + width: 100%; } // Product or category title. diff --git a/sass/woocommerce/_cart.scss b/sass/woocommerce/_cart.scss index 0079fb2..ff98f90 100644 --- a/sass/woocommerce/_cart.scss +++ b/sass/woocommerce/_cart.scss @@ -14,7 +14,7 @@ text-align: left; thead { - background: $color__background-element; + background: $color__background-element; border: 1px solid $color__background-hr; @media (max-width: 768px) { @@ -106,7 +106,7 @@ } td.actions { - padding: 30px 0 0; + padding: 30px 0 0; text-align: right; @media (max-width: 768px) { @@ -133,7 +133,7 @@ } input { - margin-right: 5px; + margin-right: 5px; @media (max-width: 768px) { margin-bottom: 10px; @@ -303,7 +303,7 @@ width: 20px; @at-root .overlap-light .site-header:not(.stuck) :not(#mobile-navigation) .shopping-cart-link svg { - fill: #fff; + fill: #fff; } @at-root .overlap-dark .site-header:not(.stuck) .shopping-cart-link svg { @@ -332,11 +332,11 @@ fill: $color__text-medium; .overlap-light .site-header:not(.stuck) & { - fill: rgba(255, 255, 255, .8); + fill: rgba(255, 255, 255, .8); } .overlap-dark .site-header:not(.stuck) & { - fill: rgba(45, 45, 45, .8); + fill: rgba(45, 45, 45, .8); } } @@ -351,7 +351,7 @@ } .shopping-cart-dropdown { - background: #fff; + background: #fff; border: 1px solid $color__background-hr; box-shadow: 0 1px 1px rgba(0, 0, 0, .075); opacity: 0; diff --git a/sass/woocommerce/_checkout.scss b/sass/woocommerce/_checkout.scss index d79d501..ed1b16c 100644 --- a/sass/woocommerce/_checkout.scss +++ b/sass/woocommerce/_checkout.scss @@ -116,7 +116,7 @@ form.checkout > .blockUI { label { a { - font-size: 12px; + font-size: 12px; font-weight: normal; margin-left: 5px; diff --git a/sass/woocommerce/_dashboard.scss b/sass/woocommerce/_dashboard.scss index 3ce62f7..d8cdf7a 100644 --- a/sass/woocommerce/_dashboard.scss +++ b/sass/woocommerce/_dashboard.scss @@ -149,7 +149,7 @@ padding-right: 2.5%; @media (max-width: 768px) { - padding-right: 0; + padding-right: 0; } } @@ -157,7 +157,7 @@ padding-left: 2.5%; @media (max-width: 768px) { - padding-left: 0; + padding-left: 0; } } } diff --git a/sass/woocommerce/_layout.scss b/sass/woocommerce/_layout.scss index 841134c..bf03439 100644 --- a/sass/woocommerce/_layout.scss +++ b/sass/woocommerce/_layout.scss @@ -54,7 +54,7 @@ .widget-area { float: right; - padding-right: 0; + padding-right: 0; padding-left: 4%; } } diff --git a/sass/woocommerce/_menus.scss b/sass/woocommerce/_menus.scss index ab842bd..e5917e0 100644 --- a/sass/woocommerce/_menus.scss +++ b/sass/woocommerce/_menus.scss @@ -53,7 +53,7 @@ .next, .prev { - font-size: 14px; + font-size: 14px; padding: 12px 14.3px 12px; span:before { diff --git a/sass/woocommerce/_notifications.scss b/sass/woocommerce/_notifications.scss index 8ae2c5b..5e6f673 100644 --- a/sass/woocommerce/_notifications.scss +++ b/sass/woocommerce/_notifications.scss @@ -16,7 +16,7 @@ word-wrap: break-word; @media (max-width: 768px) { - font-size: 14px; + font-size: 14px; } .button { diff --git a/sass/woocommerce/_quick-view.scss b/sass/woocommerce/_quick-view.scss index 27a7f45..e6f5684 100644 --- a/sass/woocommerce/_quick-view.scss +++ b/sass/woocommerce/_quick-view.scss @@ -132,7 +132,7 @@ .entry-title { line-height: normal; - margin: 0; + margin: 0; } .variations .value { diff --git a/sass/woocommerce/_single.scss b/sass/woocommerce/_single.scss index 9257247..e2bdd2e 100644 --- a/sass/woocommerce/_single.scss +++ b/sass/woocommerce/_single.scss @@ -162,7 +162,7 @@ border: none; td { - padding-bottom: 15px; + padding: 7.5px 0; } &:only-of-type td { @@ -273,7 +273,7 @@ } .product_meta { - border-top: 1px solid $color__background-hr; + border-top: 1px solid $color__background-hr; color: $color__text-dark; font-size: 13px; padding-top: 25px; diff --git a/style.css b/style.css index 1d83f5f..c5c3e6f 100644 --- a/style.css +++ b/style.css @@ -5,7 +5,7 @@ Author URI: https://purothemes.com/ Theme URI: https://purothemes.com/themes/polestar/ Description: Lead the way with Polestar. It's fast loading, responsive, lightweight and flexible design is perfectly suited for building dynamic pages with SiteOrigin's Page Builder and selling with WooCommerce. Ecommerce features include a menu mini-cart and product quick-view. Polestar features a sticky header, beautiful header search, scroll to top and just the right amount of Customizer theme settings. Page level settings let you adjust the theme layout on a page by page basis, perfect for landing pages. If you run a blog, Polestar is ready with awesome features including a full-width posts slider integrated with Jetpack Featured Content, an author box and related posts section. For assistance, check out our theme documentation (http://purothemes.com/documentation/) or ask a question on our support forum (https://purothemes.com/support/). Version: dev -Tested up to: 5.8 +Tested up to: 5.9 Requires at least: 4.7 Requires PHP: 5.6.20 License: GNU General Public License v2 or later @@ -615,9 +615,9 @@ a { position: absolute; text-align: left; top: 100%; + transform-origin: center top; transform: scale(0.95); transition: all 0.15s ease-in; - transform-origin: center top; visibility: hidden; z-index: 99999; } .main-navigation ul .sub-menu ul, @@ -628,8 +628,8 @@ a { .main-navigation ul .sub-menu li, .main-navigation ul .children li { margin: 0; - padding: 0; min-width: 100%; + padding: 0; width: max-content; } .main-navigation ul .sub-menu li:hover > ul, .main-navigation ul .sub-menu li.focus > ul, @@ -640,9 +640,9 @@ a { .main-navigation ul .children li a { border-bottom: 1px solid #e6e6e6; font-size: 13px; - outline: none; margin: 0 25px; max-width: 100%; + outline: none; padding: 10px 0; white-space: nowrap; } .main-navigation ul .sub-menu li a:not([href]), @@ -678,13 +678,13 @@ a { .main-navigation ul .left .children .menu-item-has-children > a:before, .main-navigation ul .left .children .page_item_has_children > a:before { content: "\f053"; - font-size: 9px; font-family: "polestar-icons"; + font-size: 9px; line-height: normal; padding-right: 12px; position: relative; - transform: rotate(45deg); - top: 0; } + top: 0; + transform: rotate(45deg); } .main-navigation ul .left .sub-menu .menu-item-has-children > a:after, .main-navigation ul .left .sub-menu .page_item_has_children > a:after, .main-navigation ul .left .children .menu-item-has-children > a:after, @@ -692,13 +692,13 @@ a { content: none; } .main-navigation ul .sub-menu .left.menu-item-has-children > a:before, .main-navigation ul .sub-menu .left.page_item_has_children > a:before { content: "\f053"; - font-size: 9px; font-family: "polestar-icons"; + font-size: 9px; line-height: normal; padding-right: 12px; position: relative; - transform: rotate(45deg); - top: 0; } + top: 0; + transform: rotate(45deg); } .main-navigation ul .sub-menu .left.menu-item-has-children > a:after, .main-navigation ul .sub-menu .left.page_item_has_children > a:after { content: none; } .main-navigation ul .sub-menu .left .sub-menu, @@ -741,8 +741,8 @@ a { .main-navigation ul .menu-item-has-children > a:after, .main-navigation ul .page_item_has_children > a:after { content: "\f078"; - font-size: 10px; font-family: "polestar-icons"; + font-size: 10px; line-height: normal; padding-left: 8px; position: relative; @@ -752,8 +752,8 @@ a { .main-navigation ul .children .menu-item-has-children > a:after, .main-navigation ul .children .page_item_has_children > a:after { content: "\f054"; - font-size: 9px; font-family: "polestar-icons"; + font-size: 9px; line-height: normal; padding-left: 12px; position: relative; @@ -839,9 +839,9 @@ a { transition: all .5s ease-in-out; width: 36px; } #mobile-menu-button span { - display: block; - border-radius: 5px; background: #2d2d2d; + border-radius: 5px; + display: block; height: 2px; left: 8px; max-width: 20px; @@ -874,6 +874,7 @@ a { width: 0; } #mobile-navigation { + -webkit-overflow-scrolling: touch; background: #fff; border-bottom: 1px solid #e6e6e6; left: 0; @@ -882,7 +883,6 @@ a { padding: 0 25px 25px; position: absolute; top: 100%; - -webkit-overflow-scrolling: touch; width: 100%; z-index: 10; } #mobile-navigation::-webkit-scrollbar { @@ -999,8 +999,8 @@ a { color: #626262; display: inline-block; margin-right: 3px; - padding-right: 16px; - padding-left: 16px; } + padding-left: 16px; + padding-right: 16px; } .pagination .page-numbers:visited { color: #626262; } .pagination .page-numbers:hover, .pagination .page-numbers:focus { @@ -1017,8 +1017,8 @@ a { background: none; font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 13px; - padding-right: 0; - padding-left: 0; } + padding-left: 0; + padding-right: 0; } .pagination .page-numbers.dots:hover { background: none; box-shadow: none; @@ -1031,8 +1031,8 @@ a { font-size: 16px; } .site-content .post-navigation a { color: #626262; - font-weight: bold; - font-weight: 600; } + font-weight: 600; + font-weight: bold; } .site-content .post-navigation a:hover { color: #4d8ffb; } .site-content .post-navigation a .sub-title { @@ -1041,16 +1041,16 @@ a { display: inline-block; font-size: 14px; font-weight: normal; - text-transform: uppercase; line-height: normal; margin-bottom: 10px; - padding-bottom: 3px; } + padding-bottom: 3px; + text-transform: uppercase; } .site-content .post-navigation a div { line-height: normal; } .comment-navigation { - text-transform: capitalize; - margin: 25px 0; } + margin: 25px 0; + text-transform: capitalize; } .comment-navigation span { font-size: 13px; position: relative; @@ -1062,8 +1062,8 @@ a { padding-left: 3px; } .comment-navigation a { color: #2d2d2d; - font-weight: bold; - font-weight: 600; } + font-weight: 600; + font-weight: bold; } .comment-navigation a:hover { color: #4d8ffb; } @@ -1098,6 +1098,7 @@ a { ## Footer Menu Social Icons --------------------------------------------------------------*/ .footer-menu a[href*="behance.net"], .footer-menu a[href*="codepen.io"], .footer-menu a[href*="delicious.com"], .footer-menu a[href*="deviantart.com"], .footer-menu a[href*="digg.com"], .footer-menu a[href*="dribbble.com"], .footer-menu a[href*="facebook.com"], .footer-menu a[href*="flickr.com"], .footer-menu a[href*="foursquare.com"], .footer-menu a[href*="github.com"], .footer-menu a[href*="plus.google.com"], .footer-menu a[href*="instagram.com"], .footer-menu a[href*="linkedin.com"], .footer-menu a[href*="pinterest.com"], .footer-menu a[href*="reddit.com"], .footer-menu a[href*="soundcloud.com"], .footer-menu a[href*="stackexchange.com"], .footer-menu a[href*="stackoverflow.com"], .footer-menu a[href*="tumblr.com"], .footer-menu a[href*="twitter.com"], .footer-menu a[href*="vimeo.com"], .footer-menu a[href*="vine.co"], .footer-menu a[href*="vk.com"], .footer-menu a[href*="weibo.com"], .footer-menu a[href*="wordpress.com"], .footer-menu a[href*="xing"], .footer-menu a[href*="yelp"], .footer-menu a[href*="youtube.com"] { + display: block; font-size: 0; margin-right: -16px; text-align: center; } @@ -1659,7 +1660,7 @@ a { padding: 25px 0; position: relative; width: 100%; - z-index: 9999; } + z-index: 999; } body[class*="overlap-"] .site-header:not(.stuck) { background: transparent; border: none; diff --git a/woocommerce.css b/woocommerce.css index c8bf24c..38ae77a 100644 --- a/woocommerce.css +++ b/woocommerce.css @@ -700,7 +700,7 @@ input.button.added:after, border: none; } .woocommerce .product .summary .variations tr td, .woocommerce .product .product-info-wrapper .variations tr td { - padding-bottom: 15px; } + padding: 7.5px 0; } .woocommerce .product .summary .variations tr:only-of-type td, .woocommerce .product .product-info-wrapper .variations tr:only-of-type td { padding-bottom: 0; }