mobile issues in header

This commit is contained in:
2024-08-13 12:02:46 +01:00
parent 88fa4d90f0
commit 88ab1f3fc5
12 changed files with 83 additions and 23 deletions
+1
View File
@@ -13,6 +13,7 @@ node_modules/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.yarn
#lock files
yarn.lock
+18 -14
View File
@@ -27,6 +27,7 @@ const Breadcrumbs = (props) => {
<div className="govuk-breadcrumbs ">
<ol className="govuk-breadcrumbs__list">
{router.pathname != "/myportal/[appealtypes]" &&
router.pathname != "/newappeal" &&
router.pathname != "/newappeal/[appealtypes]" && (
<li className="govuk-breadcrumbs__list-item">
<Link
@@ -354,20 +355,23 @@ const Breadcrumbs = (props) => {
</Link>
</li>
) : (
<li className="govuk-breadcrumbs__list-item">
<a
className="govuk-breadcrumbs__link"
href="#"
onClick={() =>
setCurrentSection(
props.appealType
.currentSection - 1
)
}
>
{t("common:back-link")}
</a>
</li>
<>
<li className="govuk-breadcrumbs__list-item backChevron">
<a
className="govuk-breadcrumbs__link"
href="#"
onClick={() =>
setCurrentSection(
props.appealType
.currentSection -
1
)
}
>
{t("common:back-link")}
</a>
</li>
</>
))}
</>
)}
+12
View File
@@ -1,6 +1,8 @@
import useTranslation from "next-translate/useTranslation";
import router from "next/router";
import Link from "next/link";
import { destroyCookie } from "nookies";
import { signOut } from "next-auth/react";
const ServiceBanner = (props) => {
props = props.props;
@@ -16,6 +18,16 @@ const ServiceBanner = (props) => {
);
};
const handleLogout = () => {
console.info("////////////\n" + "logout" + "\n////////////");
window.localStorage.clear(),
destroyCookie(null, "next-auth.csrf-token"),
destroyCookie(null, "next-auth.callback-url"),
destroyCookie(null, "pedw_locale"),
destroyCookie(null, "pinsUser"),
signOut({ callbackUrl: "/logout" });
};
const portalLogoLink = [
"/myportal/[appealtypes]",
"/newappeal",
+9
View File
@@ -533,6 +533,15 @@ let CreateCase = (props) => {
Warning
</span>
{t("newappeal:s78-appeals-only-label")}
<ul>
<li>
{t("newappeal:s78-appeals-only-bullet-one")}
</li>
<li>
{t("newappeal:s78-appeals-only-bullet-two")}
</li>
</ul>
{t("newappeal:s78-appeals-only-label-a")}
</strong>
</div>
+1 -1
View File
@@ -2185,7 +2185,7 @@
"value_cy": "Tystysgrif B Tystiaf fod y mae'r apelydd (neu'r asiant) wedi rhoi'r hysbysiad gofynnol (gweler y daflen arweiniad) i bawb arall a oedd, ar y diwrnod 21 diwrnod cyn dyddiad yr apêl hon, yn berchennog (gweler y daflen arweiniad am ddiffiniad) unrhyw ran o y tir y mae'r apźl yn ymwneud ag ef, fel y'i rhestrir isod:"
},
{
"value": "Certificates C & D - If you do not know who owns all or part of the appeal site, complete either Certificate C or Certificate D at Annexe 1 of our guidance and attach it to the appeal form",
"value": "Certificates C and D - If you do not know who owns all or part of the appeal site, complete either Certificate C or Certificate D at Annexe 1 of our guidance and attach it to the appeal form",
"value_cy": "Tystysgrifau C a D - Os nad ydych yn gwybod pwy sy'n berchen ar safle'r apźl i gyd neu ran ohono, cwblhewch naill ai Tystysgrif C neu Dystysgrif D yn Atodiad 1 ein canllaw a'i hatodi i'r ffurflen apelio"
},
{
+4 -1
View File
@@ -70,7 +70,10 @@
"new-appeal-procedure-option-hybrid": "Hybrid",
"new-appeal-fileupload-drop-label": "Llusgwch a gollwng eich ffeiliau yma.",
"new-appeal-fileupload-file-list-label": "Dim ond ffeiliau .pdf, .doc, .docx, .tif, .tiff, .jpeg, .jpg neu .zip a dderbynnir",
"s78-appeals-only-label": "Dim ond drwy'r Porth Gwaith Achos y gallwch gyflwyno apêl yn erbyn Gwrthod Caniatâd Cynllunio neu Fethiant i Benderfynu o fewn yr amser ar gyfer Apeliadau Cynllunio a78 drwy'r Porth Gwaith Achos. Rhaid cyflwyno pob apêl arall drwy'r post neu e-bost.",
"s78-appeals-only-label": "Dim ond i gyflwyno apêl yn erbyn y cewch chi ddefnyddio'r porth hwn:",
"s78-appeals-only-bullet-one": "gwrthod caniatâd cynllunio",
"s78-appeals-only-bullet-two": "methu penderfynu ar gais cynllunio o fewn 8 wythnos",
"s78-appeals-only-label-a": "Rhaid cyflwyno pob apêl arall drwy e-bost neu drwy'r post.",
"new-appeal-inspector-onsite-paragraph": "NODYN: Bydd yr arolygydd yn ymweld â'r safle ar ei ben ei hun gan y naill barti na'r llall oni bai na ellir gweld y rhan berthnasol o'r safle o ffordd neu dir cyhoeddus arall, neu a yw'n hanfodol i'r Arolygydd fynd i mewn i'r safle i wirio mesuriadau neu ffeithiau perthnasol.",
"new-appeal-submission-of-case-hint": "Dyma'ch unig gyfle i gyflwyno'ch achos mewn cysylltiad â'r rheswm dros yr apêl. Felly darparwch eich datganiad achos LLAWN. I wneud hyn, mae angen i chi fynd trwy'r rhesymau dros y penderfyniad (os ydynt wedi'u darparu), ac esbonio pam rydych chi'n anghytuno. Dim ond y rhesymau ym mhenderfyniad yr ACLl a'r rhesymau a gyflwynwyd gennych chi ar y cam ymgeisio y dylid eu cynnwys yn eich Datganiad Achos. Ni ddylech gyflwyno unrhyw resymau newydd dros yr apêl. Cyfeiriwch at ein Canllaw Gweithdrefnol am ragor o wybodaeth.",
"new-appeal-what-procedure-hint": "Gellir ystyried apelau yr ymdrinnir â hwy o dan Ran 4 o Reoliadau Cynllunio Gwlad a Thref (Ceisiadau a Atgyfeiriwyd a Gweithdrefn Apelau) (Cymru) 2017 ar sail sylwadau ysgrifenedig, gwrandawiad, ymchwiliad neu achosion cyfun. Yn unol â Gorchymyn Cynllunio Gwlad a Thref (Penderfynu ar Weithdrefn) (Cymru) 2017, bydd Penderfyniadau Cynllunio ac Amgylchedd Cymru yn gwneud penderfyniad ynghylch y weithdrefn fwyaf priodol ac yn ei hadolygu drwy gydol y broses.",
+5 -2
View File
@@ -58,7 +58,7 @@
"new-appeal-ownership-option-NA": "Not applicable",
"new-appeal-ownership-option-A": "Certificate A - (If you are the sole owner of the whole appeal site, certificate A applies). I certify that, on the day 21 days before the date of this appeal, nobody except the appellant, was the owner (see the guidance leaflet for a definition) of any part of the land to which the appeal relates",
"new-appeal-ownership-option-B": "Certificate B - I certify that the appellant (or the agent) has given the requisite notice (see the guidance leaflet) to everyone else who, on the day 21 days before the date of this appeal, was the owner (see the guidance leaflet for a definition) of any part of the land to which the appeal relates, as listed below:",
"new-appeal-ownership-option-CD": "Certificates C & D - If you do not know who owns all or part of the appeal site, complete either Certificate C or Certificate D at Annexe 1 of our guidance and attach it to the appeal form",
"new-appeal-ownership-option-CD": "Certificates C and D - If you do not know who owns all or part of the appeal site, complete either Certificate C or Certificate D at Annexe 1 of our guidance and attach it to the appeal form",
"new-appeal-agricultural-hint": "We also need to know whether the appeal site forms part of an agricultural holding. Please select either (a), (b)(i) or (b)(ii)",
"new-appeal-agricultural-holding-option-yes": "(a) None of the land to which the appeal relates is, or is part of, an agricultural holding",
"new-appeal-agricultural-holding-option-no": "(b) (i) The appeal site is, or is part of an agricultural holding, and the appellant is the sole agricultural tenant",
@@ -69,7 +69,10 @@
"new-appeal-procedure-option-hybrid": "Hybrid",
"new-appeal-fileupload-drop-label": "Drag and drop your files here.",
"new-appeal-fileupload-file-list-label": "Only .pdf, .doc, .docx, .tif, .tiff, .jpeg, .jpg or .zip files will be accepted",
"s78-appeals-only-label": "You can only submit an appeal against a Refusal of Planning Permission or Failure to Determine within time for Planning Appeals s78 via the Casework Portal. All other appeals must be submitted by by post or email.",
"s78-appeals-only-label": "You can only use this portal to submit an appeal against:",
"s78-appeals-only-bullet-one": "a refusal of planning permission",
"s78-appeals-only-bullet-two": "failure to determine a planning application within 8 weeks",
"s78-appeals-only-label-a": "All other appeals must be submitted by email or post.",
"new-appeal-inspector-onsite-paragraph": "NOTE: The inspector will visit the site unaccompanied by either party unless the relevant part of the site cannot be seen from a road or other public land, or is it essential for the Inspector to enter the site to check measurements or relevant facts.",
"new-appeal-submission-of-case-hint": "This is your only opportunity to make your case in connection with the reason for the appeal. Therefore please provide your FULL statement of case. To do this, you need to go through the reasons for the decision (if provided), and explain why you disagree. Only the reasons within the LPA's decision and the reasons put forward by you at application stage should be included in your Statement of Case. You should not introduce any new reasons for the appeal. Please refer to our Procedural Guide for further information.",
"new-appeal-what-procedure-hint": "Appeals dealt with under Part 4 of The Town and Country Planning (Referred Applications and Appeals Procedure) (Wales) Regulations 2017 can be considered on the basis of written representation, a hearing, an inquiry or combined proceedings. In accordance with the Town and Country Planning (Determination of Procedure) (Wales) Order 2017, the Planning and Environment Decisions Wales will make a determination as to the most appropriate procedure and will review it throughout the process.",
+1 -1
View File
@@ -91,4 +91,4 @@
"eslint-plugin-jsdoc": "^48.2.3",
"prisma": "^5.0.0"
}
}
}
+1 -1
View File
@@ -47,7 +47,7 @@ const Error = (props) => {
<Breadcrumbs />
<ServiceBanner noSignin={true} />
<main
className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9"
className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9 govuk-!-margin-top-4"
id="main-content"
role="main"
>
+1 -1
View File
@@ -42,7 +42,7 @@ const SignIn = (props) => {
<Breadcrumbs />
<ServiceBanner noSignin={true} />
<main
className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9"
className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-margin-top-4 wgForm"
id="main-content"
role="main"
>
+1 -1
View File
@@ -28,7 +28,7 @@ const SignIn = (props) => {
<Breadcrumbs />
<ServiceBanner noSignin={true} />
<main
className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9"
className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9 govuk-!-margin-top-4"
id="main-content"
role="main"
>
+29 -1
View File
@@ -251,6 +251,31 @@ a.longLinkBreak {
border-color: $midgrey;
}
.govuk-breadcrumbs__list-item.backChevron {
.govuk-breadcrumbs__link {
margin-left: 15px
}
}
.govuk-breadcrumbs__list-item.backChevron::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -0.206875em;
width: 5px;
height: 5px;
margin: auto 0;
transform: rotate(45deg);
border: solid;
border-width: 0px 0px 2px 2px;
border-color: #999999;
}
.servicebanner {
display: flex;
justify-content: space-between;
@@ -291,7 +316,7 @@ a.longLinkBreak {
display: flex;
justify-content: space-between;
@media screen and (max-width: 414px) {
@media screen and (max-width: 430px) {
flex-direction: column;
}
@@ -355,6 +380,8 @@ a.longLinkBreak {
background: $lightgrey_offwhite;
padding: 20px;
margin: 0 0 40px 0;
opacity: 1;
transition: opacity 500ms ease-in;
@media screen and (min-width: 1024px) {
padding: 40px;
@@ -1197,6 +1224,7 @@ textarea,
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 10;
line-clamp: 10;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;