admin/parts_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Clean up of table structure for Contact Us form.

Browse Source
This commit is contained in:
Teddy Middleton-Smith
2025-01-15 23:55:14 +00:00
parent d1b90db6d7
commit e7231cb67a
2 changed files with 0 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
static/css/pages/core/contact.css
View File

@@ -1,86 +1,3 @@
/*
h1, h2, h3 {
margin-bottom: 1rem;
align-self: center;
justify-self: center;
margin: 0 auto;
width: fit-content;
}
section {
display: flex;
margin: 0 auto;
width: 100vw;
}
.container {
display: flex;
flex-direction: column;
align-content: center;
}
.container-input {
display: flex;
flex-direction: column;
align-items: center;
}
.container-input label {
width: 100%;
margin: 0 auto;
}
/* Contact Form Section * /
.contact-form {
padding: 8rem 0 4rem;
background: linear-gradient(45deg, #f8fafc, #eff6ff);
}
.contact-form-content {
width: 50vw;
}
.contact-form h1 {
font-size: 3rem;
line-height: 1.2;
margin-bottom: 1.5rem;
color: var(--text);
}
.contact-form p {
font-size: 1.25rem;
margin-bottom: 2rem;
color: var(--subheading);
}
table {
margin: 0 auto;
}
th.lhs,
td.lhs {
min-width: 8vw;
max-width: 8vw;
}
th.rhs,
td.rhs {
min-width: 36vw;
max-width: 36vw;
}
td input,
td textarea {
width: 100%;
}
textarea {
resize: vertical;
}
.container-checkbox.receive_marketing {
margin-left: 22.25vw;
}
*/
.contact-section {
padding: 2rem 2rem 4rem;

82
templates/pages/core/_contact.html
View File

@@ -22,88 +22,6 @@
window.addEventListener('load', loadRecaptcha);
</script>
<!-- Table
<section class="contact-form">
<div class="{{ model.FLAG_CONTAINER }}">
<form id="{{ model.ID_FORM_CONTACT }}" class="contact-form-content" action="{{ url_for('routes_core.contact') }}" method="POST">
<h2 class="section-title">Complete the form or find our details below</h2>
{{ model.form_contact.hidden_tag() }}
<table>
<thead>
<tr>
<th class="model.FLAG_LEFT_HAND_STUB"></th>
<th class="model.FLAG_RIGHT_HAND_SIDE"></th>
</tr>
</thead>
<tbody>
<tr class="{{ model.FLAG_EMAIL }}">
<td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.email.label }}</td>
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.email(size=254) }}</td>
</tr>
<tr>
<td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
{% for error in model.form_contact.email.errors %}
<p class="error">{{ error }}</p>
{% endfor %}
</td>
</tr>
<tr class="{{ model.FLAG_CONTACT_NAME }}">
<td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.contact_name.label }}</td>
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.contact_name(size=254) }}</td>
</tr>
<tr>
<td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
{% for error in model.form_contact.contact_name.errors %}
<p class="error">{{ error }}</p>
{% endfor %}
</td>
</tr>
<tr class="{{ model.FLAG_COMPANY_NAME }}">
<td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.company_name.label }}</td>
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.company_name(size=254) }}</td>
</tr>
<tr>
<td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
{% for error in model.form_contact.company_name.errors %}
<p class="error">{{ error }}</p>
{% endfor %}
</td>
</tr>
<tr class="{{ model.FLAG_MESSAGE }}">
<td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.message.label }}</td>
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.message(rows=4, columns=80) }}</td>
</tr>
<tr>
<td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
{% for error in model.form_contact.message.errors %}
<p class="error">{{ error }}</p>
{% endfor %}
</td>
</tr>
</tbody>
</table>
<div class="{{ model.FLAG_CONTAINER_CHECKBOX }} {{ model.FLAG_RECEIVE_MARKETING }}">
{{ model.form_contact.receive_marketing(size=20) }}
{{ model.form_contact.receive_marketing.label }}
</div>
<div class="{{ model.FLAG_CONTAINER }}">
{{ model.form_contact.recaptcha() }}
</div>
<div class="{{ model.FLAG_CONTAINER_INPUT }}">
{{ model.form_contact.submit() }}
</div>
</form>
</div>
</section>
-->
<!-- Divs -->
{% set form = model.form_contact %}