Skip to content

Commit fb37098

Browse files
committed
OEL-4185: Fixed mega menu and update header.
1 parent 665b86f commit fb37098

File tree

19 files changed

+1877
-2026
lines changed

19 files changed

+1877
-2026
lines changed

src/compositions/bcl-contact-form/__snapshots__/contact-form.test.js.snap

Lines changed: 144 additions & 147 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,6 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
4242
</button>
4343
</div>
4444
</nav>
45-
<!-- project name -->
4645
<!-- navbar -->
4746
<nav
4847
aria-label="Main Navigation"
@@ -500,61 +499,61 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
500499
</ul>
501500
</div>
502501
</nav>
503-
<!-- breadcrumbs -->
504-
<div
505-
class="container"
502+
</header>
503+
<!-- breadcrumbs -->
504+
<div
505+
class="container"
506+
>
507+
<nav
508+
aria-label="breadcrumb"
509+
class="mt-3"
506510
>
507-
<nav
508-
aria-label="breadcrumb"
509-
class="mt-3"
511+
<ol
512+
class="breadcrumb"
510513
>
511-
<ol
512-
class="breadcrumb"
514+
<li
515+
class="breadcrumb-item d-none d-md-block"
513516
>
514-
<li
515-
class="breadcrumb-item d-none d-md-block"
517+
<a
518+
href="/example.html"
516519
>
517-
<a
518-
href="/example.html"
519-
>
520-
Home
521-
</a>
522-
</li>
523-
<li
524-
class="breadcrumb-item d-none d-md-block"
520+
Home
521+
</a>
522+
</li>
523+
<li
524+
class="breadcrumb-item d-none d-md-block"
525+
>
526+
<a
527+
href="/example.html"
525528
>
526-
<a
527-
href="/example.html"
528-
>
529-
European Union
530-
</a>
531-
</li>
532-
<li
533-
class="breadcrumb-item"
529+
European Union
530+
</a>
531+
</li>
532+
<li
533+
class="breadcrumb-item"
534+
>
535+
<a
536+
href="/example.html"
534537
>
535-
<a
536-
href="/example.html"
538+
<svg
539+
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
537540
>
538-
<svg
539-
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
540-
>
541-
<use
542-
xlink:href="/icons.svg#arrow-left"
543-
/>
544-
</svg>
545-
About the European Union
546-
</a>
547-
</li>
548-
<li
549-
aria-current="page"
550-
class="breadcrumb-item d-none d-md-block active"
551-
>
552-
News
553-
</li>
554-
</ol>
555-
</nav>
556-
</div>
557-
</header>
541+
<use
542+
xlink:href="/icons.svg#arrow-left"
543+
/>
544+
</svg>
545+
About the European Union
546+
</a>
547+
</li>
548+
<li
549+
aria-current="page"
550+
class="breadcrumb-item d-none d-md-block active"
551+
>
552+
News
553+
</li>
554+
</ol>
555+
</nav>
556+
</div>
558557
<div
559558
aria-hidden="true"
560559
aria-label="loginModalLabel"
@@ -1556,7 +1555,6 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
15561555
</button>
15571556
</div>
15581557
</nav>
1559-
<!-- project name -->
15601558
<!-- navbar -->
15611559
<nav
15621560
aria-label="Main Navigation"
@@ -2014,61 +2012,61 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
20142012
</ul>
20152013
</div>
20162014
</nav>
2017-
<!-- breadcrumbs -->
2018-
<div
2019-
class="container"
2015+
</header>
2016+
<!-- breadcrumbs -->
2017+
<div
2018+
class="container"
2019+
>
2020+
<nav
2021+
aria-label="breadcrumb"
2022+
class="mt-3"
20202023
>
2021-
<nav
2022-
aria-label="breadcrumb"
2023-
class="mt-3"
2024+
<ol
2025+
class="breadcrumb"
20242026
>
2025-
<ol
2026-
class="breadcrumb"
2027+
<li
2028+
class="breadcrumb-item d-none d-md-block"
20272029
>
2028-
<li
2029-
class="breadcrumb-item d-none d-md-block"
2030+
<a
2031+
href="/example.html"
20302032
>
2031-
<a
2032-
href="/example.html"
2033-
>
2034-
Home
2035-
</a>
2036-
</li>
2037-
<li
2038-
class="breadcrumb-item d-none d-md-block"
2033+
Home
2034+
</a>
2035+
</li>
2036+
<li
2037+
class="breadcrumb-item d-none d-md-block"
2038+
>
2039+
<a
2040+
href="/example.html"
20392041
>
2040-
<a
2041-
href="/example.html"
2042-
>
2043-
European Union
2044-
</a>
2045-
</li>
2046-
<li
2047-
class="breadcrumb-item"
2042+
European Union
2043+
</a>
2044+
</li>
2045+
<li
2046+
class="breadcrumb-item"
2047+
>
2048+
<a
2049+
href="/example.html"
20482050
>
2049-
<a
2050-
href="/example.html"
2051+
<svg
2052+
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
20512053
>
2052-
<svg
2053-
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
2054-
>
2055-
<use
2056-
xlink:href="/icons.svg#arrow-left"
2057-
/>
2058-
</svg>
2059-
About the European Union
2060-
</a>
2061-
</li>
2062-
<li
2063-
aria-current="page"
2064-
class="breadcrumb-item d-none d-md-block active"
2065-
>
2066-
News
2067-
</li>
2068-
</ol>
2069-
</nav>
2070-
</div>
2071-
</header>
2054+
<use
2055+
xlink:href="/icons.svg#arrow-left"
2056+
/>
2057+
</svg>
2058+
About the European Union
2059+
</a>
2060+
</li>
2061+
<li
2062+
aria-current="page"
2063+
class="breadcrumb-item d-none d-md-block active"
2064+
>
2065+
News
2066+
</li>
2067+
</ol>
2068+
</nav>
2069+
</div>
20722070
<div
20732071
aria-hidden="true"
20742072
aria-label="loginModalLabel"
@@ -3038,7 +3036,6 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
30383036
</button>
30393037
</div>
30403038
</nav>
3041-
<!-- project name -->
30423039
<!-- navbar -->
30433040
<nav
30443041
aria-label="Main Navigation"
@@ -3496,61 +3493,61 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
34963493
</ul>
34973494
</div>
34983495
</nav>
3499-
<!-- breadcrumbs -->
3500-
<div
3501-
class="container"
3496+
</header>
3497+
<!-- breadcrumbs -->
3498+
<div
3499+
class="container"
3500+
>
3501+
<nav
3502+
aria-label="breadcrumb"
3503+
class="mt-3"
35023504
>
3503-
<nav
3504-
aria-label="breadcrumb"
3505-
class="mt-3"
3505+
<ol
3506+
class="breadcrumb"
35063507
>
3507-
<ol
3508-
class="breadcrumb"
3508+
<li
3509+
class="breadcrumb-item d-none d-md-block"
35093510
>
3510-
<li
3511-
class="breadcrumb-item d-none d-md-block"
3511+
<a
3512+
href="/example.html"
35123513
>
3513-
<a
3514-
href="/example.html"
3515-
>
3516-
Home
3517-
</a>
3518-
</li>
3519-
<li
3520-
class="breadcrumb-item d-none d-md-block"
3514+
Home
3515+
</a>
3516+
</li>
3517+
<li
3518+
class="breadcrumb-item d-none d-md-block"
3519+
>
3520+
<a
3521+
href="/example.html"
35213522
>
3522-
<a
3523-
href="/example.html"
3524-
>
3525-
European Union
3526-
</a>
3527-
</li>
3528-
<li
3529-
class="breadcrumb-item"
3523+
European Union
3524+
</a>
3525+
</li>
3526+
<li
3527+
class="breadcrumb-item"
3528+
>
3529+
<a
3530+
href="/example.html"
35303531
>
3531-
<a
3532-
href="/example.html"
3532+
<svg
3533+
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
35333534
>
3534-
<svg
3535-
class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
3536-
>
3537-
<use
3538-
xlink:href="/icons.svg#arrow-left"
3539-
/>
3540-
</svg>
3541-
About the European Union
3542-
</a>
3543-
</li>
3544-
<li
3545-
aria-current="page"
3546-
class="breadcrumb-item d-none d-md-block active"
3547-
>
3548-
News
3549-
</li>
3550-
</ol>
3551-
</nav>
3552-
</div>
3553-
</header>
3535+
<use
3536+
xlink:href="/icons.svg#arrow-left"
3537+
/>
3538+
</svg>
3539+
About the European Union
3540+
</a>
3541+
</li>
3542+
<li
3543+
aria-current="page"
3544+
class="breadcrumb-item d-none d-md-block active"
3545+
>
3546+
News
3547+
</li>
3548+
</ol>
3549+
</nav>
3550+
</div>
35543551
<div
35553552
aria-hidden="true"
35563553
aria-label="loginModalLabel"

0 commit comments

Comments
 (0)