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

removed duplicate signin button on new appeal

Browse Source
This commit is contained in:
robbond
2024-08-14 12:42:49 +01:00
parent 279af0184d
commit e9668a67ec
4 changed files with 95 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/header.js
+1
View File
@@ -44,6 +44,7 @@ const Header = (props) => {
"/auth/error", "/auth/error",
"/myportal", "/myportal",
"/myportal/[appealtypes]", "/myportal/[appealtypes]",
"/newappeal/[appealtypes]",
"/newappeal", "/newappeal",
"/myportal/dnsapplications", "/myportal/dnsapplications",
"/myportal/dnsdetails", "/myportal/dnsdetails",
pages/auth/signin.js
+73 -48
View File
@@ -42,60 +42,85 @@ const SignIn = (props) => {
<Breadcrumbs /> <Breadcrumbs />
<ServiceBanner noSignin={true} /> <ServiceBanner noSignin={true} />
<main <main
className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-margin-top-4 wgForm" className="govuk-main-wrapper govuk-main-wrapper--auto-spacing "
id="main-content" id="signin"
role="main" role="main"
> >
<div className="govuk-grid-row ">
<div className="govuk-grid-column-two-thirds ">
<h1>{t("auth:auth-page-title")} </h1>
</div>
</div>
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-grid-column-two-thirds "> <div className="govuk-grid-column-full">
<form <div className="card">
method="post" <div className="card-body">
action="/api/auth/signin/email" <div className="govuk-body-m">
onSubmit={handleSubmit} <legend className="govuk-fieldset__legend govuk-fieldset__legend--l">
> <h1 className="govuk-fieldset__heading govuk-heading-m">
<div className={"govuk-form-group "}> {t("auth:auth-page-title")}{" "}
<input </h1>
className="govuk-input" </legend>
name="csrfToken"
type="hidden"
defaultValue={csrfToken}
/>
<input
className="govuk-input"
name="callbackUrl"
type="hidden"
defaultValue={callbackUrl}
/>
<label <div className="govuk-grid-row">
className="govuk-label" <div className="govuk-grid-column-two-thirds ">
htmlFor="email" <form
> method="post"
{t("auth:auth-email-label")} action="/api/auth/signin/email"
</label> onSubmit={handleSubmit}
>
<div
className={
"govuk-form-group "
}
>
<input
className="govuk-input"
name="csrfToken"
type="hidden"
defaultValue={
csrfToken
}
/>
<input
className="govuk-input"
name="callbackUrl"
type="hidden"
defaultValue={
callbackUrl
}
/>
<input <label
className="govuk-input govuk-!-width-three-quarters" className="govuk-label"
type="email" htmlFor="email"
id="email" >
name="email" {t(
/> "auth:auth-email-label"
)}
</label>
<input
className="govuk-input govuk-!-width-three-quarters"
type="email"
id="email"
name="email"
/>
</div>
<div className="govuk-form-group">
<button
type="submit"
className="govuk-button"
disabled={
buttonDisabled
}
>
{t(
"auth:auth-signin-button-label"
)}
</button>
</div>
</form>
</div>
</div>
</div>
</div> </div>
<div className="govuk-form-group"> </div>
<button
type="submit"
className="govuk-button"
disabled={buttonDisabled}
>
{t("auth:auth-signin-button-label")}
</button>
</div>
</form>
</div> </div>
</div> </div>
</main> </main>
pages/index.js
+1 -1
View File
@@ -128,7 +128,7 @@ const Home = (props) => {
</div> </div>
) : ( ) : (
<> <>
<ServiceBanner /> <ServiceBanner noSignin={true} />
<Main <Main
pages={pages} pages={pages}
showLogin={showLogin} showLogin={showLogin}
styles/sass/welshgov/_application.scss
+20 -3
View File
@@ -293,7 +293,7 @@ a.longLinkBreak {
padding-right: 10px; padding-right: 10px;
} }
@media screen and (max-width: 360px) { @media screen and (max-width: 670px) {
flex-direction: column-reverse; flex-direction: column-reverse;
align-items: flex-start; align-items: flex-start;
@@ -316,13 +316,13 @@ a.longLinkBreak {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@media screen and (max-width: 430px) { @media screen and (max-width: 670px) {
flex-direction: column; flex-direction: column;
} }
h1 { h1 {
img { img {
@media screen and (max-width: 414px) { @media screen and (max-width: 670px) {
padding-bottom: 20px; padding-bottom: 20px;
} }
} }
@@ -344,6 +344,10 @@ a.longLinkBreak {
@media screen and (max-width: 414px) { @media screen and (max-width: 414px) {
max-width: 41%; max-width: 41%;
} }
@media screen and (max-width: 360px) {
max-width: 50%;
}
} }
@@ -376,6 +380,7 @@ a.longLinkBreak {
} }
.wgForm { .wgForm {
background: $lightgrey_offwhite; background: $lightgrey_offwhite;
padding: 20px; padding: 20px;
@@ -453,6 +458,18 @@ a.longLinkBreak {
} }
#signin.wgForm {
@media screen and (min-width: 1024px) {
padding: 40px;
width: 100%;
margin-left: 0px;
}
}
.newAppealForm { .newAppealForm {
background: $lightgrey_offwhite; background: $lightgrey_offwhite;
padding: 20px; padding: 20px;