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

added in map and links on contact page

Browse Source
This commit is contained in:
robbond
2021-08-10 10:06:32 +01:00
parent 8254cbdeb7
commit ac236339d4
3 changed files with 47 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dns/homepage/dnsLinks.js
+1 -1
View File
@@ -59,7 +59,7 @@ const DNSLinks = (props) => {
<h3 className="govuk-heading-l govuk-!-font-size-27">
<a
className="govuk-link govuk-link--no-underline"
href="#"
href="/dns/contact-us"
>
Contact us{" "}
</a>
pages/dns/contact-us.js
+31 -5
View File
@@ -57,6 +57,20 @@ const Home = (props) => {
</p>
</div>
</div>
<div className="govuk-row">
<div class="map-responsive">
<iframe
width="600"
height="500"
id="gmap_canvas"
src="https://maps.google.com/maps?q=CF10%203NQ&t=&z=17&ie=UTF8&iwloc=&output=embed"
frameborder="0"
scrolling="no"
marginheight="0"
marginwidth="0"
></iframe>
</div>
</div>
<div className="govuk-row">
<p>
{" "}
@@ -65,11 +79,17 @@ const Home = (props) => {
following details:
</p>
<p>
Tel: 03034 445 940
Tel: <a href="tel:03034445940">03034 445 940</a>
<br />
E-mail: dns.wales@planninginspectorate.gov.uk
E-mail:{" "}
<a href="mailto:dns.wales@planninginspectorate.gov.uk">
dns.wales@planninginspectorate.gov.uk
</a>
<br />
Follow us on Twitter @PINSgov
Follow us on Twitter{" "}
<a href="https://twitter.com/pinsgov">
@PINSgov
</a>
</p>
<p>
Further information about contacting the
@@ -115,8 +135,14 @@ const Home = (props) => {
office directly:{" "}
</p>
<p>
Telephone: 0303 444 5004 or 0303 444 5005 <br />
Email: press.office@planninginspectorate.gov.uk
Telephone:{" "}
<a href="tel:03034445004">0303 444 5004</a> or{" "}
<a href="tel:03034445005">0303 444 5005</a>{" "}
<br />
Email:{" "}
<a href="mailto:press.office@planninginspectorate.gov.uk">
press.office@planninginspectorate.gov.uk
</a>
</p>
</div>
</main>
styles/sass/welshgov/_application.scss
+15
View File
@@ -744,3 +744,18 @@ ul#sharePageLinks.active {
color: #fff;
}
}
.map-responsive {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.map-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}