This commit is contained in:
rayelliott 2020-05-29 20:51:54 +00:00
parent 929a1dd43c
commit dcb2eadbbf
4 changed files with 128 additions and 73 deletions

View File

@ -6,6 +6,7 @@
let observedTotal = !!observeSelector ? observedNodes.length : 0; let observedTotal = !!observeSelector ? observedNodes.length : 0;
window.addEventListener('DOMContentLoaded', event => { window.addEventListener('DOMContentLoaded', event => {
// TODO this selector needs to be robuts
const enquiryForm = document.querySelector('#wpcf7-f1041-o1 > form'); const enquiryForm = document.querySelector('#wpcf7-f1041-o1 > form');
const intersectionSupport = !!window.IntersectionObserver; const intersectionSupport = !!window.IntersectionObserver;
@ -27,8 +28,6 @@
} }
if (enquiryForm) { if (enquiryForm) {
const replyto = enquiryForm.querySelector('input[name=replyto]');
replyto.name = '_replyto';
enquiryForm.action = '__URL__'; enquiryForm.action = '__URL__';
} }

72
src/scss/_contact.scss Normal file
View File

@ -0,0 +1,72 @@
body.rwavw-custom {
.contact-us-body {
p.lead {
margin: 48px 0;
font-size: 18px;
line-height: 1.5;
letter-spacing: initial;
opacity: 0.7;
}
div.wpcf7 {
max-width: 90ch;
margin-right: auto;
margin-left: auto;
}
.wpcf7 {
padding: 64px 48px 92px;
color: #4a5568;
background-color: rgba(#fff, 1);
border-radius: 3px;
margin-top: 64px;
p {
margin-bottom: 24px;
}
label {
font-size: 14px;
font-weight: 600;
letter-spacing: initial;
cursor: pointer;
}
input,
textarea {
border-radius: 3px;
border-color: #cbd5e0;
background-color: #f7fafc;
cursor: pointer;
&:focus {
border-color: rgba(#000, 0.8);
}
}
input.booking-date {
width: 21ch;
}
input.days {
width: 21ch;
}
.wpcf7-form-control-wrap {
margin-left: 0;
}
.wpcf7-submit {
height: auto;
border: 3px solid currentColor;
border-radius: 3px;
color: inherit;
font-size: 16px;
font-weight: 600;
padding: 10px 24px;
letter-spacing: 1px;
}
}
}
}

52
src/scss/_faq.scss Normal file
View File

@ -0,0 +1,52 @@
body.rwavw-custom {
@media (min-width: 766.98px) {
#faq > .layout-boxed {
position: relative;
bottom: 18rem;
}
}
.wrapper-content > .layers-pro-accordion {
margin-left: 0;
margin-right: 0;
.accordion-row {
position: relative;
z-index: 150;
max-width: 90ch;
padding: 32px 8px;
border-radius: 3px;
background-color: #fff;
box-shadow: 2px 3px 4px 0 rgba(#000, 0.03);
}
.accordion-button {
font-size: 16px;
font-weight: 600;
color: #4a5568;
opacity: 0.8;
&:hover,
&:active {
opacity: 1;
}
}
.accordion-content p {
font-size: 16px;
color: #4a5568;
}
@media (min-width: 766.98px) {
margin-left: 15px;
margin-right: 15px;
.accordion-row {
padding: 64px 48px;
margin-top: -46rem;
}
}
}
}

View File

@ -1,3 +1,6 @@
@import "contact";
@import "faq";
body.rwavw-custom { body.rwavw-custom {
#top-nav .logo { #top-nav .logo {
margin-top: 16px; margin-top: 16px;
@ -38,75 +41,4 @@ body.rwavw-custom {
background-color: rgba(#000, 0.9); background-color: rgba(#000, 0.9);
} }
.contact-us-body {
p.lead {
margin: 48px 0;
font-size: 18px;
line-height: 1.5;
letter-spacing: initial;
opacity: 0.7;
}
div.wpcf7 {
max-width: 90ch;
margin-right: auto;
margin-left: auto;
}
.wpcf7 {
padding: 64px 48px 92px;
color: #4a5568;
background-color: rgba(#fff, 1);
border-radius: 3px;
margin-top: 64px;
p {
margin-bottom: 24px;
}
label {
font-size: 14px;
font-weight: 600;
letter-spacing: initial;
cursor: pointer;
}
input,
textarea {
border-radius: 3px;
border-color: #cbd5e0;
background-color: #f7fafc;
cursor: pointer;
&:focus {
border-color: rgba(#000, 0.8);
}
}
input.booking-date {
width: 21ch;
}
input.days {
width: 21ch;
}
.wpcf7-form-control-wrap {
margin-left: 0;
}
.wpcf7-submit {
height: auto;
border: 3px solid currentColor;
border-radius: 3px;
color: inherit;
font-size: 16px;
font-weight: 600;
padding: 10px 24px;
letter-spacing: 1px;
}
}
}
} }