Added script to hide checkbox in form (#1657)

* Added script to hide checkbox in form

* updated checkbox logic

* refactoring

* fix for missing consent parts

---------

Co-authored-by: trean <trean.mi@gmail.com>
This commit is contained in:
nastyapash
2025-06-06 21:34:49 +02:00
committed by GitHub
co-authored by trean
parent 30313676c9
commit e6e50491f8
2 changed files with 72 additions and 4 deletions
@@ -150,7 +150,10 @@ form.hs-form {
}
.legal-consent-container {
p {
p,
div,
span,
.hs-form-booleancheckbox-display {
font-size: pxToRem(12);
line-height: pxToRem(18);
color: $neutral-60;
@@ -187,6 +190,19 @@ form.hs-form {
}
}
}
.hs-fieldtype-booleancheckbox {
// hide initially the checkbox for the legal consent
// to avoid flickering when the form is loaded
// it will be shown only for specific countries chosen in the form
// script handling this is
// in the `qdrant-landing/themes/qdrant-2024/layouts/partials/hubspot-form.htmls` file
display: none;
}
& > div:nth-child(3) {
// hide part of the legal consent text for the specific countries
// see the script in the `qdrant-landing/themes/qdrant-2024/layouts/partials/hubspot-form.htmls` file
display: none;
}
}
}
@@ -216,8 +232,7 @@ form.hs-form {
}
.hs_recaptcha.hs-recaptcha {
.grecaptcha-badge {
box-shadow: none !important;
}
}
}