commit 7a572e6d4840708b9f9fc12faa4566970fd72e9c parent 2e3894543b1fe386b64ab22c5ef7f359ea5a2320 Author: Martin Schanzenbach <schanzen@gnunet.org> Date: Thu, 17 Apr 2025 14:38:03 +0200 use floating input labels Diffstat:
| M | web/templates/landing_email.html | | | 5 | ++++- |
| M | web/templates/landing_phone.html | | | 5 | ++++- |
2 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/web/templates/landing_email.html b/web/templates/landing_email.html @@ -32,7 +32,10 @@ <div class="row"> <div class="col-lg-6 offset-lg-3 text-center"> <div class="input-group mb-3"> - <input type="text" name="address" class="form-control" placeholder="jdoe@example.com" aria-label="Default" aria-describedby="inputGroup-sizing-default" data-sb-validations="required,email"> + <div class="form-floating"> + <input type="email" name="address" id="floatingInput" class="form-control" placeholder="jdoe@example.com" aria-label="Default" aria-describedby="inputGroup-sizing-default" data-sb-validations="required,email"> + <label for="floatingInput">{{ call .tr "email" }}</label> + </div> <div class="invalid-feedback text-white" data-sb-feedback="emailAddressBelow:required">Email Address is required.</div> <div class="invalid-feedback text-white" data-sb-feedback="emailAddressBelow:email">Email Address is not valid.</div> <input class="input-group-text btn btn-outline-primary" type="submit" value="{{ call .tr "lookup" }}"> diff --git a/web/templates/landing_phone.html b/web/templates/landing_phone.html @@ -32,7 +32,10 @@ <div class="col-lg-6 offset-lg-3 text-center"> <div class="input-group mb-3"> <span class="input-group-text" id="inputGroup-sizing-default">+</span> - <input type="text" name="address" class="form-control" aria-label="Default" placeholder="49123456789" aria-describedby="inputGroup-sizing-default"> + <div class="form-floating"> + <input type="text" name="address" id="phoneInput" class="form-control" aria-label="Default" placeholder="49123456789" aria-describedby="inputGroup-sizing-default"> + <label for="phoneInput">{{ call .tr "phone" }}</label> + </div> <input class="input-group-text btn btn-outline-primary" type="submit" value="{{ call .tr "lookup" }}"> </div> </div>