New: EspoCRM API naar formulier bedrijf aanmelden

This commit is contained in:
2026-01-29 10:13:54 +01:00
parent a1af2e4928
commit aa98cd394e
5 changed files with 275 additions and 137 deletions

View File

@@ -430,54 +430,35 @@ $quote-color: #918e91;
pointer-events: none;
}
/* Container voor filters */
#builder-filters {
--primary-color: #4c9e81; /* Komt overeen met je 'Bezoek de website' knop */
--checkbox-size: 24px; /* Ongeveer 50% groter dan standaard */
}
/* De checkbox groter maken en kleur geven */
.filter-checkbox {
width: var(--checkbox-size);
height: var(--checkbox-size);
.form-check-input {
width: 24px;
height: 24px;
margin-top: 0;
cursor: pointer;
border: 2px solid #ced4da;
transition: all 0.2s ease-in-out;
}
/* Kleur bij actieve/checked status */
.filter-checkbox:checked {
background-color: var(--primary-color);
border-color: var(--primary-color);
.form-check-input:checked {
background-color: $color-primary;
border-color: $color-primary;
}
/* Focus staat voor toegankelijkheid */
.filter-checkbox:focus {
.form-check-input:focus {
box-shadow: 0 0 0 0.25 margin rgba(76, 158, 129, 0.25);
border-color: var(--primary-color);
}
/* De labels beter uitlijnen en leesbaarder maken */
.form-check-label {
padding-left: 10px;
cursor: pointer;
font-size: 1.1rem; /* Iets groter voor leesbaarheid */
line-height: var(--checkbox-size);
line-height: 24px;
vertical-align: middle;
display: inline-block;
}
/* Groepering van de checkbox en label */
.form-check {
display: flex;
align-items: center;
margin-bottom: 1rem !important; /* Meer witruimte tussen de opties */
}
/* De "Filters wissen" link ook iets duidelijker maken */
#clear-filters {
font-size: 1rem;
text-decoration: underline;
margin-top: 15px;
margin-bottom: 1rem !important;
}