@openstack_dev/gatsby-theme-marketing-oif-core 1.0.19 → 1.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openstack_dev/gatsby-theme-marketing-oif-core",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "Base theme for Marketing Sites",
   "author": "smarcet",
   "keywords": [

package/src/components/AnnouncementBanner/index.module.scss

@@ -7,9 +7,13 @@
   max-width: 1500px;
   border-radius: 4px;
   justify-content: space-evenly;
-  margin: auto;
+  margin: 0 20px;
   position: relative;
 
+  @media (min-width: 767px) {
+    margin: auto;
+  }
+
   @media (min-width: 900px) {
     width: 85%;
   }

package/src/components/Navbar/AuthUserSubNavBar/index.js

@@ -79,7 +79,7 @@ function AuthUserSubNavBar({
           md: isSearchBarOpen ? "none" : "flex",
         },
         justifyContent: "flex-end",
-        marginLeft: "auto",
+        marginLeft: "1em",
         position: "relative",
       }}
     >

package/src/components/Navbar/NavBarDropDown/index.js

@@ -10,6 +10,16 @@ function NavBarDropDown({ isMobile, items }) {
     <Box
       className={isMobile ? styles.mobileDropdownMenu : styles.dropDownMenu}
       component="ul"
+      sx={
+        !isMobile
+          ? {
+            top: {
+              xs: "inherit !important",
+              md: "90% !important",
+            },
+          }
+          : {}
+      }
     >
       {items.map((subItem) => (!subItem.title && !subItem.link ? (
         <li role="presentation" key={subItem.title}>

package/src/components/Navbar/NavBarHeader/index.module.scss

@@ -1,4 +1,5 @@
 .navbarHeader {
+  display: flex;
   .brandWrapper {
     margin: 10px 0;
     padding-right: 20px;

package/src/components/Navbar/PublicUserSubNavBar/index.js

@@ -47,10 +47,13 @@ function PublicUserSubNavBar({ isSearchBarOpen, isDesktop }) {
               xs: "none",
               md: isSearchBarOpen ? "none" : "flex",
             },
+            position: "relative",
             justifyContent: "flex-end",
-            marginLeft: "auto",
+            marginLeft: "1em",
+          }
+          : {
+            position: "relative",
           }
-          : {}
       }
     >
       <Box
@@ -59,8 +62,8 @@ function PublicUserSubNavBar({ isSearchBarOpen, isDesktop }) {
       >
         Join
         <ArrowDropDownIcon className={styles.arrowDownIcon} />
-        <NavBarDropDown items={publicNavbarMenu} />
       </Box>
+      <NavBarDropDown items={publicNavbarMenu} />
       <LoginButton backUrl={getBackURL()} />
     </Box>
   );

package/src/components/Navbar/index.module.scss

@@ -11,13 +11,18 @@
   li {
     position: relative;
   }
+  .ulContainer {
+    @media (max-width: 925px) {
+      justify-content: space-between;
+    }
+  }
   .navbarOption {
     color: #8a959e;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     position: relative;
-    padding: 20px 15px 25px;
+    padding: 15px;
     text-decoration: none;
     text-align: left;
     cursor: pointer;
@@ -26,8 +31,11 @@
     line-height: 17.15px;
     white-space: nowrap;
     background-color: transparent;
-    margin-top: 10px;
     align-items: center;
+    @media (min-width: 768px) and (max-width: 1067px) {
+      font-size: 11px;
+      padding: 15px 8px;
+    }
     &:hover {
       color: #333;
       background-color: transparent;
@@ -52,13 +60,16 @@
       margin: 0 15px 0 10px;
       padding-right: 0px;
       padding-left: 10px;
+      @media (min-width: 768px) and (max-width: 1060px) {
+        margin-left: 0px;
+      }
     }
     &.login {
       background: #2a4e68;
       padding: 3px 25px;
       border-radius: 4px;
       color: #fff;
-      margin-top: 17px;
+      margin-top: 13px;
       font-size: 14px;
       height: 26px;
       &:hover {
@@ -68,8 +79,7 @@
       }
     }
   }
-  .dropDownMenu,
-  .join {
+  .dropDownMenu {
     display: none;
     flex-direction: column;
     margin-top: 5px;

package/src/components/Navbar/template.js

@@ -53,8 +53,10 @@ function NavBarTemplate({ data, isLoggedUser, member }) {
                 },
                 alignItems: "center",
                 justifyContent: "flex-end",
+                paddingLeft: "0",
               }}
               component="ul"
+              className={styles.ulContainer}
             >
               {data.items.map(
                 (item) => item.display && (
@@ -65,20 +67,20 @@ function NavBarTemplate({ data, isLoggedUser, member }) {
                 />
                 ),
               )}
+              {isLoggedUser ? (
+                <AuthUserSubNavBar
+                  isMobile={false}
+                  member={member}
+                  navbarMenu={navbarMenu}
+                  isSearchBarOpen={isSearchBarOpen}
+                />
+              ) : (
+                <PublicUserSubNavBar
+                  isSearchBarOpen={isSearchBarOpen}
+                  isDesktop
+                />
+              )}
             </Box>
-            {isLoggedUser ? (
-              <AuthUserSubNavBar
-                isMobile={false}
-                member={member}
-                navbarMenu={navbarMenu}
-                isSearchBarOpen={isSearchBarOpen}
-              />
-            ) : (
-              <PublicUserSubNavBar
-                isSearchBarOpen={isSearchBarOpen}
-                isDesktop
-              />
-            )}
           </Toolbar>
           <SearchBar isMobileMenuOpen={isMobileMenuOpen} isMobile />
           {isMobileMenuOpen && (

package/src/content/site-settings/index.json

@@ -1 +1 @@
-{ "staticJsonFilesBuildTime": [], "lastBuild": 1714760006562 }
+{ "staticJsonFilesBuildTime": [], "lastBuild": 1716307121878 }