Responsive site-header fixes, 2.0.1

digitoimistodude · Jun 9, 2022 · f4647a5 · f4647a5
1 parent 16a10ff
commit f4647a5
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,9 @@
+### 2.0.1: 2022-06-09
+
+* Reponsive fixes for demo site
+* Fix nav button on in-between resolutions
+* Disable air-light placeholder in demo page ("Build your website here! (Remove this bit in sass/layout/_site-header.scss)")
+
 ### 2.0.0: 2022-05-25
 
 * Add phpcs.xml

diff --git a/air-light-demo-content.php b/air-light-demo-content.php
@@ -135,6 +135,12 @@ function demo_css() { ?>
   }
 }
 
+@media (min-width: 960px) and (max-width: 1100px) {
+  .site-header {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
 
 @media (max-width: 600px) {
   .site-header {
@@ -157,6 +163,7 @@ function demo_css() { ?>
   padding-right: 20px;
   padding-top: 8px;
   transition: all 200ms ease-in-out;
+  white-space: nowrap;
 }
 
 .button.has-icon {
@@ -212,6 +219,13 @@ function demo_css() { ?>
   width: 70px;
 }
 
+@media (min-width: 960px) and (max-width: 1140px) {
+  .site-branding::before,
+  .site-branding::after {
+    display: none;
+  }
+}
+
 .site-title > a > span,
 .site-title {
   order: 1;
@@ -724,5 +738,14 @@ function demo_css() { ?>
     background-size: contain !important;
   }
 }
+
+/* Disable placeholder in demo */
+.site-main {
+  display: unset;
+}
+
+.site-main::after {
+  display: none;
+}
 </style>
 <?php }