Skip to content

OEL-4185: Improved mega menu. #702

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

Open
wants to merge 15 commits into
base: development
Choose a base branch
from
Open

OEL-4185: Improved mega menu. #702

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
cbc9570
OEL-4185: Fixed mega menu and update header.
tibi2303 Oct 22, 2025
b699685
OEL-4185: See all button fixed.
tibi2303 Nov 17, 2025
fef56db
OEL-4185: Fix spacing and improved see all fixed position.
tibi2303 Nov 18, 2025
fb2487e
OEL-4185: Improved selectors.
tibi2303 Nov 18, 2025
13b4171
OEL-4185: Full clickable area.
tibi2303 Nov 18, 2025
2146f40
OEL-4185: Prettier.
tibi2303 Nov 18, 2025
7352004
OEL-4185: Fix span spacing.
tibi2303 Nov 18, 2025
242e6d2
OEL-4185: Cleanup and markup improvements.
tibi2303 Nov 18, 2025
6ad2e10
OEL-4185: Darker border color.
tibi2303 Nov 18, 2025
257bbc9
OEL-4185: Move the .__see-all style down.
donquixote Nov 18, 2025
8be6bd4
OEL-4185: Move the .see-all-button style into .__see-all section.
donquixote Nov 18, 2025
226b2e6
OEL-4185: Remove redundant background color on .__body.
donquixote Nov 18, 2025
af83632
OEL-4185: Rely on flex-basis, instead of block-size: 1px.
donquixote Nov 18, 2025
8624360
OEL-4185: Drop the .__body wrapper.
donquixote Nov 18, 2025
4246ded
OEL-4185: Update snaps, dropping the .__body wrapper.
donquixote Nov 18, 2025
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
405 changes: 201 additions & 204 deletions src/compositions/bcl-contact-form/__snapshots__/contact-form.test.js.snap
View file
Open in desktop

Large diffs are not rendered by default.

278 changes: 138 additions & 140 deletions src/compositions/bcl-event/__snapshots__/event.test.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,6 @@ exports[`OE - event listing renders correctly 1`] = `
</button>
</div>
</nav>
<!-- project name -->
<!-- navbar -->
<nav
aria-label="Main Navigation"
Expand Down Expand Up @@ -219,27 +218,27 @@ exports[`OE - event listing renders correctly 1`] = `
Base Sub Category Item
</a>
</li>
<li
class="__see_all __leaf"
</ul>
<div
class="__see_all"
>
<a
aria-label="See all items in ‘Base Category Item’"
class="see-all-button"
href="/example.html"
>
<a
aria-label="See all items in ‘Base Category Item’"
class="see-all-button"
href="/example.html"
<span>
See all
</span>
<svg
class="ms-2-5 bi icon--xs"
>
<span>
See all
</span>
<svg
class="ms-2-5 bi icon--s"
>
<use
xlink:href="/icons.svg#arrow-right"
/>
</svg>
</a>
</li>
</ul>
<use
xlink:href="/icons.svg#arrow-right"
/>
</svg>
</a>
</div>
</div>
</li>
<li
Expand Down Expand Up @@ -502,61 +501,61 @@ exports[`OE - event listing renders correctly 1`] = `
</ul>
</div>
</nav>
<!-- breadcrumbs -->
<div
class="container"
</header>
<!-- breadcrumbs -->
<div
class="container"
>
<nav
aria-label="breadcrumb"
class="mt-3"
>
<nav
aria-label="breadcrumb"
class="mt-3"
<ol
class="breadcrumb"
>
<ol
class="breadcrumb"
<li
class="breadcrumb-item d-none d-md-block"
>
<li
class="breadcrumb-item d-none d-md-block"
>
<a
href="/example.html"
>
Home
</a>
</li>
<li
class="breadcrumb-item d-none d-md-block"
>
<a
href="/example.html"
>
European Union
</a>
</li>
<li
class="breadcrumb-item"
<a
href="/example.html"
>
Home
</a>
</li>
<li
class="breadcrumb-item d-none d-md-block"
>
<a
href="/example.html"
>
European Union
</a>
</li>
<li
class="breadcrumb-item"
>
<a
href="/example.html"
>
<a
href="/example.html"
<svg
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
>
<svg
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
>
<use
xlink:href="/icons.svg#arrow-left"
/>
</svg>
About the European Union
</a>
</li>
<li
aria-current="page"
class="breadcrumb-item d-none d-md-block active"
>
News
</li>
</ol>
</nav>
</div>
</header>
<use
xlink:href="/icons.svg#arrow-left"
/>
</svg>
About the European Union
</a>
</li>
<li
aria-current="page"
class="breadcrumb-item d-none d-md-block active"
>
News
</li>
</ol>
</nav>
</div>
<div
aria-hidden="true"
aria-label="loginModalLabel"
Expand Down Expand Up @@ -2395,7 +2394,6 @@ exports[`OE - event page renders correctly 1`] = `
</button>
</div>
</nav>
<!-- project name -->
<!-- navbar -->
<nav
aria-label="Main Navigation"
Expand Down Expand Up @@ -2572,27 +2570,27 @@ exports[`OE - event page renders correctly 1`] = `
Base Sub Category Item
</a>
</li>
<li
class="__see_all __leaf"
</ul>
<div
class="__see_all"
>
<a
aria-label="See all items in ‘Base Category Item’"
class="see-all-button"
href="/example.html"
>
<a
aria-label="See all items in ‘Base Category Item’"
class="see-all-button"
href="/example.html"
<span>
See all
</span>
<svg
class="ms-2-5 bi icon--xs"
>
<span>
See all
</span>
<svg
class="ms-2-5 bi icon--s"
>
<use
xlink:href="/icons.svg#arrow-right"
/>
</svg>
</a>
</li>
</ul>
<use
xlink:href="/icons.svg#arrow-right"
/>
</svg>
</a>
</div>
</div>
</li>
<li
Expand Down Expand Up @@ -2855,61 +2853,61 @@ exports[`OE - event page renders correctly 1`] = `
</ul>
</div>
</nav>
<!-- breadcrumbs -->
<div
class="container"
</header>
<!-- breadcrumbs -->
<div
class="container"
>
<nav
aria-label="breadcrumb"
class="mt-3"
>
<nav
aria-label="breadcrumb"
class="mt-3"
<ol
class="breadcrumb"
>
<ol
class="breadcrumb"
<li
class="breadcrumb-item d-none d-md-block"
>
<li
class="breadcrumb-item d-none d-md-block"
>
<a
href="/example.html"
>
Home
</a>
</li>
<li
class="breadcrumb-item d-none d-md-block"
>
<a
href="/example.html"
>
European Union
</a>
</li>
<li
class="breadcrumb-item"
<a
href="/example.html"
>
Home
</a>
</li>
<li
class="breadcrumb-item d-none d-md-block"
>
<a
href="/example.html"
>
European Union
</a>
</li>
<li
class="breadcrumb-item"
>
<a
href="/example.html"
>
<a
href="/example.html"
<svg
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
>
<svg
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
>
<use
xlink:href="/icons.svg#arrow-left"
/>
</svg>
About the European Union
</a>
</li>
<li
aria-current="page"
class="breadcrumb-item d-none d-md-block active"
>
News
</li>
</ol>
</nav>
</div>
</header>
<use
xlink:href="/icons.svg#arrow-left"
/>
</svg>
About the European Union
</a>
</li>
<li
aria-current="page"
class="breadcrumb-item d-none d-md-block active"
>
News
</li>
</ol>
</nav>
</div>
<div
aria-hidden="true"
aria-label="loginModalLabel"
Expand Down
Loading
Loading