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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openstack_dev/gatsby-theme-marketing-oif-core",
3
- "version": "1.0.19",
3
+ "version": "1.0.20",
4
4
  "description": "Base theme for Marketing Sites",
5
5
  "author": "smarcet",
6
6
  "keywords": [
@@ -7,9 +7,13 @@
7
7
  max-width: 1500px;
8
8
  border-radius: 4px;
9
9
  justify-content: space-evenly;
10
- margin: auto;
10
+ margin: 0 20px;
11
11
  position: relative;
12
12
 
13
+ @media (min-width: 767px) {
14
+ margin: auto;
15
+ }
16
+
13
17
  @media (min-width: 900px) {
14
18
  width: 85%;
15
19
  }
@@ -10,6 +10,16 @@ function NavBarDropDown({ isMobile, items }) {
10
10
  <Box
11
11
  className={isMobile ? styles.mobileDropdownMenu : styles.dropDownMenu}
12
12
  component="ul"
13
+ sx={
14
+ !isMobile
15
+ ? {
16
+ top: {
17
+ xs: "inherit !important",
18
+ md: "90% !important",
19
+ },
20
+ }
21
+ : {}
22
+ }
13
23
  >
14
24
  {items.map((subItem) => (!subItem.title && !subItem.link ? (
15
25
  <li role="presentation" key={subItem.title}>
@@ -47,10 +47,13 @@ function PublicUserSubNavBar({ isSearchBarOpen, isDesktop }) {
47
47
  xs: "none",
48
48
  md: isSearchBarOpen ? "none" : "flex",
49
49
  },
50
+ position: "relative",
50
51
  justifyContent: "flex-end",
51
52
  marginLeft: "auto",
52
53
  }
53
- : {}
54
+ : {
55
+ position: "relative",
56
+ }
54
57
  }
55
58
  >
56
59
  <Box
@@ -59,8 +62,8 @@ function PublicUserSubNavBar({ isSearchBarOpen, isDesktop }) {
59
62
  >
60
63
  Join
61
64
  <ArrowDropDownIcon className={styles.arrowDownIcon} />
62
- <NavBarDropDown items={publicNavbarMenu} />
63
65
  </Box>
66
+ <NavBarDropDown items={publicNavbarMenu} />
64
67
  <LoginButton backUrl={getBackURL()} />
65
68
  </Box>
66
69
  );
@@ -17,7 +17,7 @@
17
17
  font-weight: 400;
18
18
  text-transform: uppercase;
19
19
  position: relative;
20
- padding: 20px 15px 25px;
20
+ padding: 15px;
21
21
  text-decoration: none;
22
22
  text-align: left;
23
23
  cursor: pointer;
@@ -26,7 +26,6 @@
26
26
  line-height: 17.15px;
27
27
  white-space: nowrap;
28
28
  background-color: transparent;
29
- margin-top: 10px;
30
29
  align-items: center;
31
30
  &:hover {
32
31
  color: #333;
@@ -58,7 +57,7 @@
58
57
  padding: 3px 25px;
59
58
  border-radius: 4px;
60
59
  color: #fff;
61
- margin-top: 17px;
60
+ margin-top: 13px;
62
61
  font-size: 14px;
63
62
  height: 26px;
64
63
  &:hover {
@@ -68,8 +67,7 @@
68
67
  }
69
68
  }
70
69
  }
71
- .dropDownMenu,
72
- .join {
70
+ .dropDownMenu {
73
71
  display: none;
74
72
  flex-direction: column;
75
73
  margin-top: 5px;
@@ -1 +1 @@
1
- { "staticJsonFilesBuildTime": [], "lastBuild": 1714760006562 }
1
+ { "staticJsonFilesBuildTime": [], "lastBuild": 1716307121878 }