Update changelog

.github/workflows/build.yml

@@ -43,5 +43,5 @@ jobs:
         uses: actions/upload-artifact@v2
         with:
           name: hello-elementor
-          path: hello-elementor.*.zip
+          path: hello-elementor
           retention-days: 7

assets/dev/js/admin/panels/settings-panel.js

@@ -45,7 +45,7 @@ export const SettingsPanel = ( { SETTINGS, settingsData, updateSettings } ) => {
 				checked={ !! settingsData[ SETTINGS.PAGE_TITLE ] || false }
 				onChange={ ( value ) => updateSettings( SETTINGS.PAGE_TITLE, value ) }
 			/>
-			<code className="code-example"> &lt;header class=&quot;page-header&quot;&gt; &lt;h1 class=&quot;entry-title&quot;&gt; Post title &lt;/h1&gt; &lt;/header&gt; </code>
+			<code className="code-example"> &lt;div class=&quot;page-header&quot;&gt; &lt;h1 class=&quot;entry-title&quot;&gt; Post title &lt;/h1&gt; &lt;/div&gt; </code>
 
 			<ToggleControl
 				label={ __( 'Unregister Hello style.css', 'hello-elementor' ) }

assets/dev/js/frontend/hello-frontend.js

@@ -30,14 +30,6 @@ class elementorHelloThemeHandler {
         }
 
         this.elements.menuToggle.addEventListener( 'click', () => this.handleMenuToggle() );
-        this.elements.menuToggle.addEventListener( 'keyup', ( event ) => {
-            const ENTER_KEY = 13;
-            const SPACE_KEY = 32;
-
-            if ( ENTER_KEY === event.keyCode || SPACE_KEY === event.keyCode ) {
-                event.currentTarget.click();
-            }
-        } );
 
         this.elements.dropdownMenu.querySelectorAll( '.menu-item-has-children > a' )
             .forEach( ( anchorElement ) => anchorElement.addEventListener( 'click', ( event ) => this.handleMenuChildren( event ) ) );
@@ -53,6 +45,7 @@ class elementorHelloThemeHandler {
 
         this.elements.menuToggle.setAttribute( 'aria-expanded', isDropdownVisible );
         this.elements.dropdownMenu.setAttribute( 'aria-hidden', ! isDropdownVisible );
+        this.elements.dropdownMenu.inert = ! isDropdownVisible;
         this.elements.menuToggleHolder.classList.toggle( 'elementor-active', isDropdownVisible );
 
         // Always close all sub active items.

assets/scss/customizer.scss

@@ -16,7 +16,7 @@
 #customize-control-hello-header-footer {
 
 	.hello-action-links {
-	 	margin: 15px auto;
+		margin: 15px auto;
 		text-align: center;
 
 		&-title {
@@ -29,3 +29,41 @@
 		}
 	}
 }
+
+#accordion-section-hello-upsell-elementor-pro {
+	display: flex !important;
+	flex-direction: column;
+	gap: 8px;
+	margin: 20px 20px 30px;
+	padding: 16px;
+	background-color: #fff;
+	box-shadow: 2px 8px 20px 0px rgba(0, 0, 0, 0.20);
+
+	h3,
+	p {
+		background-color: transparent !important;
+		border: 0 !important;
+		padding: 0;
+		margin: 0;
+		text-decoration: none;
+	}
+
+	h3 {
+		font-weight: bold;
+	}
+
+	.accordion-section-buttons {
+		display: flex;
+		justify-content: flex-end;
+		gap: 8px;
+		margin-block-start: 16px;
+
+		a {
+			color: #fff;
+			background-color: #92003B;
+			border-radius: 4px;
+			padding: 8px 16px;
+			text-decoration: none;
+		}
+	}
+}

assets/scss/reset/_forms.scss

@@ -78,29 +78,10 @@ button,
 	-webkit-appearance: button;
 }
 
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-	border-style: none;
-	padding: 0;
-}
-
 /**
  * Restore the focus styles unset by the previous rule.
  */
 
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-	outline: 1px dotted ButtonText;
-}
-
 button,
 [type="submit"],
 [type="button"] {
@@ -117,8 +98,8 @@ button,
 	border-radius: $border-radius;
 	transition: all .3s;
 
-	&:focus {
-		outline: 5px auto -webkit-focus-ring-color;
+	&:focus:not(:focus-visible) {
+		outline: none;
 	}
 
 	&:hover,

assets/scss/reset/_table.scss

@@ -33,10 +33,7 @@ table {
 	}
 
 	caption + thead,
-	caption + thead,
-	colgroup + thead,
 	colgroup + thead,
-	thead:first-child,
 	thead:first-child {
 
 		tr {

assets/scss/style.scss

@@ -7,8 +7,8 @@
 	Version: 3.0.2
 	Stable tag: 3.0.2
 	Requires at least: 6.0
-	Tested up to: 6.4
-	Requires PHP: 7.3
+	Tested up to: 6.5
+	Requires PHP: 7.4
 	License: GNU General Public License v3 or later.
 	License URI: https://www.gnu.org/licenses/gpl-3.0.html
 	Text Domain: hello-elementor

assets/scss/theme/_footer.scss

@@ -7,6 +7,19 @@
 	padding-block-end: 1rem;
 	position: relative;
 
+	.site-title {
+		font-size: 1.5rem;
+		font-weight: 500;
+		line-height: 1.2;
+	}
+
+	.site-branding {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		gap: 0.5rem;
+	}
+
 	.footer-inner {
 		display: flex;
 		flex-wrap: wrap;
@@ -16,20 +29,20 @@
 			display: block;
 		}
 
-		.site-navigation {
-			justify-content: flex-end;
-		}
-
 		.site-branding {
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
 
 			.site-title,
 			.site-description {
 				margin: 0;
 			}
 
+			.site-logo {
+
+				img {
+					display: block;
+				}
+			}
+
 			&.show-title {
 
 				.site-logo {
@@ -63,21 +76,7 @@
 			flex-direction: row-reverse;
 
 			.site-branding {
-				text-align: right;
-			}
-
-			.site-navigation {
-				justify-content: flex-start;
-			}
-		}
-	}
-
-	&.footer-has-copyright {
-
-		.footer-inner {
-
-			.site-navigation {
-				justify-content: center;
+				text-align: end;
 			}
 		}
 	}
@@ -89,7 +88,7 @@
 			flex-direction: column;
 			text-align: center;
 
-			.site-branding h4.site-title {
+			.site-branding .site-title {
 				text-align: center;
 			}
 
@@ -100,24 +99,6 @@
 			}
 		}
 	}
-
-	&:not(.footer-stacked) {
-
-		.footer-inner {
-
-			.site-branding {
-				max-width: 20%;
-			}
-
-			.site-navigation {
-				max-width: 60%;
-			}
-
-			.copyright {
-				max-width: 20%;
-			}
-		}
-	}
 }
 
 @media (max-width: $screen-xs) {

assets/scss/theme/_general.scss

@@ -77,6 +77,8 @@
 }
 
 .pagination {
+	display: flex;
+	justify-content: space-between;
 	margin: 20px auto;
 }
 

assets/scss/theme/_header.scss

@@ -11,14 +11,17 @@
 	padding-block-end: 1rem;
 	position: relative;
 
-	.site-navigation {
-		justify-content: flex-end;
+	.site-title {
+		font-size: 2.5rem;
+		font-weight: 500;
+		line-height: 1.2;
 	}
 
 	.site-branding {
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
+		gap: 0.5rem;
 	}
 
 	.header-inner {
@@ -37,6 +40,13 @@
 				margin: 0;
 			}
 
+			.site-logo {
+
+				img {
+					display: block;
+				}
+			}
+
 			&.show-title {
 
 				.site-logo {
@@ -53,31 +63,13 @@
 		}
 	}
 
-	&:not(.header-stacked) {
-
-		.header-inner {
-
-			.site-branding {
-				max-width: 30%;
-			}
-
-			.site-navigation {
-				max-width: 70%;
-			}
-		}
-	}
-
 	&.header-inverted {
 
 		.header-inner {
 			flex-direction: row-reverse;
 
 			.site-branding {
-				text-align: right;
-			}
-
-			.site-navigation {
-				justify-content: start;
+				text-align: end;
 			}
 		}
 	}
@@ -91,18 +83,3 @@
 		}
 	}
 }
-
-@media (max-width: $screen-xs) {
-	.site-header {
-
-		.header-inner {
-
-			&:not(.header-stacked) {
-
-				.site-branding {
-					max-width: 80%;
-				}
-			}
-		}
-	}
-}