Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SDSS-1321: Version 1 of mega menu #463

Open
wants to merge 46 commits into
base: 4.x
Choose a base branch
from
Open

SDSS-1321: Version 1 of mega menu #463

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
46 commits
Select commit Hold shift + click to select a range
f167268
Mega menu inital explorations
jenbreese Jul 9, 2024
f56a88a
fixup
jenbreese Jul 22, 2024
4eda6bf
adding to theme file
jenbreese Jul 22, 2024
b2e583d
SDSS-1321: Version 1 of megamenu
jenbreese Jul 22, 2024
7ba959a
stash
jenbreese Jul 22, 2024
789aabe
stashing work
jenbreese Jul 24, 2024
acfbe17
stash
jenbreese Jul 25, 2024
63ade0d
fixup
jenbreese Jul 25, 2024
d9f5288
merge
jenbreese Aug 8, 2024
42a5148
fixup
jenbreese Aug 9, 2024
648285a
fixup
jenbreese Aug 9, 2024
c01cfd8
fixup
jenbreese Aug 9, 2024
2e6534f
fixup
jenbreese Aug 10, 2024
8283487
fixup
jenbreese Aug 13, 2024
02e0360
adding color and work in the mobile menu
jenbreese Aug 13, 2024
4c6dd5a
fixup
jenbreese Aug 13, 2024
9ee45a3
fixup to heading
jenbreese Aug 16, 2024
701482d
Adding variables
jenbreese Aug 20, 2024
2bf929a
getting alignment correct
jenbreese Aug 20, 2024
f6586ba
mobile and desktop menu details
jenbreese Aug 20, 2024
9df9fe7
Fixup to the hovers and removed the grid.
jenbreese Aug 22, 2024
aa41d83
wip
jenbreese Aug 22, 2024
fe10fcb
fixup to hovers
jenbreese Aug 23, 2024
fd20c83
fixup
jenbreese Aug 26, 2024
934137f
fixup to grid and flex
jenbreese Aug 27, 2024
ffff173
fixup to grids
jenbreese Aug 27, 2024
41364fe
fixup
jenbreese Aug 27, 2024
6299515
fixup
jenbreese Aug 28, 2024
e8dfbf2
fixup
jenbreese Aug 28, 2024
81e0879
SDSS | tweak mega menu background and height (#481)
rebeccahongsf Aug 28, 2024
a62dc57
fixup to row height
jenbreese Aug 28, 2024
677a4df
got the header lines on the mega menu
jenbreese Aug 29, 2024
f786345
spacing issues
jenbreese Aug 29, 2024
ef1ee7c
Fixup to have a no link in the top level nav
jenbreese Aug 29, 2024
c71ca01
adding link to level 1
jenbreese Sep 3, 2024
626e250
Merge branch '4.x' into feature/megamenu
jenbreese Sep 6, 2024
600e7f0
work on the mobile view
jenbreese Sep 6, 2024
ce0c832
fixup for mobile
jenbreese Sep 6, 2024
43afc45
mobile fixups
jenbreese Sep 6, 2024
ffb83e5
comments
jenbreese Sep 9, 2024
2dd2128
Merge branch '4.x' into feature/megamenu
jenbreese Sep 9, 2024
53d3ec5
fixup
jenbreese Sep 9, 2024
277a378
fixup
jenbreese Sep 9, 2024
ca2813c
adding current line and color
jenbreese Sep 10, 2024
552db88
added comments
jenbreese Sep 10, 2024
c5a2a54
fixed the mobile headingbar
jenbreese Sep 10, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/.nvmrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
18
20
2 changes: 1 addition & 1 deletion docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/dist/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,4 +18,4 @@
top: -18px;
font-size: 11px;
color: rgba(0, 0, 0, 0.5);
}</style><script defer="defer" src="/islands/newsroom-menu.island.umd.js"></script></head><body><div class="preview"><div data-island="newsroom-menu-island"></div></div></body></html>
}</style><script defer="defer" src="/islands/main-menu.island.umd.js"></script><script defer="defer" src="/islands/newsroom-menu.island.umd.js"></script></head><body><div class="preview"><div data-island="main-menu-island"></div></div><div class="preview"><div data-island="newsroom-menu-island"></div></div></body></html>
288 changes: 204 additions & 84 deletions ...dss/sdss_profile/themes/sdss_subtheme/decoupled-menu/dist/islands/main-menu.island.umd.js
View file
Open in desktop

Large diffs are not rendered by default.

4 changes: 3 additions & 1 deletion ...sdss_profile/themes/sdss_subtheme/decoupled-menu/dist/islands/newsroom-menu.island.umd.js
View file
Open in desktop

Large diffs are not rendered by default.

15 changes: 15 additions & 0 deletions ...oot/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/src/components/bar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
const HeadingBar = ({...props}) => {
return (
<div class="heading-bar">
<svg width="265" height="42" viewBox="0 0 265 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-outside-1_10651_91251" maskUnits="userSpaceOnUse" x="0" y="0" width="265" height="42" fill="black">
<rect fill="white" width="265" height="42"/>
<path d="M0 1H265V42H0V1Z"/>
</mask>
<path d="M0 2H265V0H0V2Z" fill="#C0C0BF" mask="url(#path-1-outside-1_10651_91251)"/>
<rect y="1" width="46.75" height="3" rx="1.5" fill="#368187"/>
</svg>
</div>
)
}
export default HeadingBar;
2 changes: 1 addition & 1 deletion ...t/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/src/components/close.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ const Close = ({...props}) => {
return (
<svg width="22px" height="26px" viewBox="0 0 24 24" fill="none" {...props}>
<g id="Menu / Close_SM">
<path id="Vector" d="M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector" d="M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
)
Expand Down
10 changes: 6 additions & 4 deletions ...ofiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/src/components/hamburger.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,10 @@
const Hamburger = ({...props}) => {
return (
<div class="newsroom-mobile--btn">
Explore News & events <i class="fa fa-regular fa-angle-down"></i>
</div>
<svg width="30px" height="26px" viewBox="0 0 24 24" fill="" aria-hidden={true} {...props}>
<path d="M4 18L20 18" stroke="" stroke-width="2" stroke-linecap="round"/>
<path d="M4 12L20 12" stroke="" stroke-width="2" stroke-linecap="round"/>
<path d="M4 6L20 6" stroke="" stroke-width="2" stroke-linecap="round"/>
</svg>
)
}
export default Hamburger;
export default Hamburger;
8 changes: 8 additions & 0 deletions ...dss_profile/themes/sdss_subtheme/decoupled-menu/src/components/newsroom-mobile-button.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
const Hamburger = ({...props}) => {
return (
<div class="newsroom-mobile--btn">
Explore News & events <i class="fa fa-regular fa-angle-down"></i>
</div>
)
}
export default Hamburger;
48 changes: 48 additions & 0 deletions ...ofiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/src/components/site-logo.tsx
View file
Open in desktop

Large diffs are not rendered by default.

13 changes: 13 additions & 0 deletions ...ofiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/src/components/variables.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
// This file has the different values for the decoupled mega menu.
// The island file has a test for which header is being used and
// assigns values accordingly.

export const Variables = {
topBlue: '-10px',
topGreen: '-12px',
zero: '0px',
leftBlue: '-295px',
leftGreen: '-100px',
iconWhite: '#ffffff',
iconBlack: '#000000',
}
Loading
Loading