Fix bad breakpoint and header issues. Fix vertical margins of navbar …

…items. Fix top padding of inner page and blog
spyder-ide · Feb 14, 2024 · 2cd521f · 2cd521f
1 parent de5b5be
commit 2cd521f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 48 deletions.
diff --git a/assets/static/css/style.css b/assets/static/css/style.css
@@ -371,21 +371,14 @@ img {
 .fh5co-main-nav .fh5co-menu-1 .side-nav-container {
   display: flex;
   flex-wrap: wrap;
-  gap: 2.5em;
+  gap: 0 1.5em;
   justify-content: end;
 }
 
-@media screen and (max-width: 919px) {
-  .fh5co-main-nav .fh5co-menu-1 .main-nav-container,
-  .fh5co-main-nav .fh5co-menu-1 .side-nav-container {
-    gap: 1.5em;
-  }
-}
-
 .fh5co-main-nav .fh5co-menu-1 a {
   color: #333;
   color: var(--theme-fg-alt-color, #333);
-  display: inline-block;
+  display: block;
   font-size: 12px;
   font-weight: normal;
   letter-spacing: 2px;
@@ -775,7 +768,6 @@ img {
   }
 
   .fh5co-tabs-container .fh5co-tabs li a {
-    font-size: 0;
     line-height: 1.5;
     padding-bottom: 0.5em;
     padding-top: 1em;

diff --git a/assets/static/js/main-singlelayout.js b/assets/static/js/main-singlelayout.js
@@ -62,41 +62,6 @@ https://github.com/spyder-ide/lektor-icon/blob/master/NOTICE.txt
     });
   };
 
-  // Equalize heights of cards in team/services section for proper layout
-  const cardsEvenHeight = function () {
-    $(".body-section .container").each(function () {
-      let cardHeightMax = 0;
-      if (
-        $(this).find(".card-inner").length &&
-        $(this).find(".card-outer").first().width() <= $(this).width() / 2.0
-      ) {
-        $(this)
-          .find(".card-inner")
-          .each(function () {
-            const cardHeight = $(this).height();
-            if (cardHeight > cardHeightMax) {
-              cardHeightMax = cardHeight;
-            }
-          });
-      }
-      $(this)
-        .find(".card")
-        .each(function () {
-          const cardHeight = $(this).find(".card-inner").height();
-          const spacerHeight = Math.max(cardHeightMax - cardHeight, 0);
-          $(this).find(".card-spacer").height(spacerHeight);
-        });
-    });
-  };
-
-  const setCardsEvenHeight = function () {
-    $(window).on("load", cardsEvenHeight);
-    $(window).on("resize", cardsEvenHeight);
-    // For IE11, which doesn't work with load
-    window.setTimeout(cardsEvenHeight, 2000);
-    window.setTimeout(cardsEvenHeight, 5000);
-  };
-
   // Parallax
   const parallax = function () {
     $(window).stellar({
@@ -200,13 +165,10 @@ https://github.com/spyder-ide/lektor-icon/blob/master/NOTICE.txt
     setHeroHeight();
     loaderPage();
     fh5coTabs();
-    // gridAutoHeight();
-
     parallax();
     scrolledWindow();
     clickMenu();
     navigationSection();
-    setCardsEvenHeight();
     if (mailchimpButtonEnabled) {
       setMailchimpEvent();
     }

diff --git a/assets/static/js/main.js b/assets/static/js/main.js
@@ -18,6 +18,15 @@ https://github.com/spyder-ide/lektor-icon/blob/master/NOTICE.txt
 (function () {
   "use strict";
 
+  // Fix for header height in inner pages
+  const fixInnerPage = function () {
+    const headerHeight = $(".js-sticky").outerHeight();
+    $(".page-content-container, .blog-content-container").css(
+      "padding-top",
+      headerHeight
+    );
+  };
+
   // Fullsize Error Page Background
   const fullHeight = function () {
     const heightToSet =
@@ -116,5 +125,6 @@ https://github.com/spyder-ide/lektor-icon/blob/master/NOTICE.txt
     mobileMenuOutsideClick();
     mainMenuSticky();
     setFullHeight();
+    fixInnerPage();
   });
 })();