robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added header mobile nav

Browse Source
This commit is contained in:
robbond
2021-07-27 10:33:09 +01:00
parent ead2987c65
commit 975a45392b
5 changed files with 233 additions and 17018 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/header.js
+120 -24
View File
@@ -60,7 +60,7 @@ export default function Header({ courseName }) {
</Link>
</div>
<div className="govuk-header__content govuk-!-width-two-thirds govuk-!-margin-top-3">
<div className="govuk-header__content govuk-!-width-one-half govuk-!-margin-top-3">
<Link href="/">
<a
onClick={() => {
@@ -74,32 +74,128 @@ export default function Header({ courseName }) {
</Link>
</div>
<div className="languageSwitch">
{router.path}
<Link
href={
locale == "en" ? router.pathname : router.pathname
}
locale={locale == "en" ? "cy" : "en"}
>
<a
className="govuk-header__link "
lang={locale == "en" ? "cy" : "en"}
hrefLang={locale == "en" ? "cy" : "en"}
data-journey-click={
<div className="mobileNav">
<div className="mobileMenu">
<input
type="radio"
id="mobileMenu-1"
name="mobileMenu-group-1"
/>
<label htmlFor="mobileMenu-1">
{t("common:mobile-nav-label")} <i>▼</i>
</label>
<div className="mobileMenu close-mobileMenu">
<input
type="radio"
id="mobileMenu-close"
name="mobileMenu-group-1"
/>
<label htmlFor="mobileMenu-close">
{t("common:mobile-nav-label")} <i>▲</i>
</label>
</div>
<div className="content">
<ul>
{router.pathname != "/" ? (
<li>
<Link href="/">
<a
onClick={() => {
window.localStorage.clear();
}}
className="govuk-header__link "
>
{t("common:signout-label")}
</a>
</Link>
</li>
) : (
""
)}
<li>
<Link
href={
locale == "en"
? router.pathname
: router.pathname
}
locale={
locale == "en" ? "cy" : "en"
}
>
<a
className="govuk-header__link "
lang={
locale == "en" ? "cy" : "en"
}
hrefLang={
locale == "en" ? "cy" : "en"
}
data-journey-click={
locale == "en"
? "link - click:lang-select:Cymraeg"
: "link - click:lang-select:English"
}
aria-label={
locale == "en"
? "Dewiswch Cymraeg"
: "Select English"
}
>
{" "}
{t("common:available-in")}
</a>
</Link>
</li>
</ul>
</div>
</div>
</div>
<div className="fullNav">
{router.pathname != "/" ? (
<Link href="/">
<a
onClick={() => {
window.localStorage.clear();
}}
className="govuk-header__link govuk-!-margin-right-3"
>
{t("common:signout-label")}
</a>
</Link>
) : (
""
)}
<Link
href={
locale == "en"
? "link - click:lang-select:Cymraeg"
: "link - click:lang-select:English"
}
aria-label={
locale == "en"
? "Dewiswch Cymraeg"
: "Select English"
? router.pathname
: router.pathname
}
locale={locale == "en" ? "cy" : "en"}
>
{" "}
{t("common:available-in")}
</a>
</Link>
<a
className="govuk-header__link "
lang={locale == "en" ? "cy" : "en"}
hrefLang={locale == "en" ? "cy" : "en"}
data-journey-click={
locale == "en"
? "link - click:lang-select:Cymraeg"
: "link - click:lang-select:English"
}
aria-label={
locale == "en"
? "Dewiswch Cymraeg"
: "Select English"
}
>
{" "}
{t("common:available-in")}
</a>
</Link>
</div>
</div>
</div>
</header>