boost/website-v2
2
0
Fork 0
mirror of https://github.com/boostorg/website-v2.git synced 2026-02-26 17:22:09 +00:00
Code Issues Projects Releases Wiki Activity

🎨 adds label to form fields

Browse Source 
Don’t use placeholder as labels. That’s confusing.
This commit is contained in:
Greg Newman
2023-07-05 10:31:22 -04:00
parent e25f01c7f5
commit 255eec701b
3 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
static/css/styles.css
View File

@@ -3021,6 +3021,10 @@ input[type=file] {
margin-bottom: 1.5rem;
}
.md\:mr-5 {
margin-right: 1.25rem;
}
.md\:ml-6 {
margin-left: 1.5rem;
}
@@ -3029,10 +3033,6 @@ input[type=file] {
margin-left: 1.25rem;
}
.md\:mr-5 {
margin-right: 1.25rem;
}
.md\:block {
display: block;
}

5
templates/includes/_form_input.html
View File

@@ -2,6 +2,8 @@
{% load widget_tweaks %}
<label>{{ field.label }}
{% if field.errors %}
{% for error in field.errors %}
<div class="py-1 px-3 text-white bg-red-600">
@@ -13,5 +15,6 @@
{% if field.field.widget.input_type == "file" %}
{% render_field field class="text-sm text-grey-500 !border-0 file:mr-5 file:py-2 file:px-6 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-white file:text-slate hover:file:cursor-pointer hover:file:bg-orange hover:file:text-white" placeholder=field.label %}
{% else %}
{% render_field field class="w-full bg-white rounded border-gray-300 dark:text-white text-slate dark:border-slate dark:bg-charcoal" placeholder=field.label %}
{% render_field field class="w-full bg-white rounded border-gray-300 dark:text-white text-slate dark:border-slate dark:bg-charcoal" %}
{% endif %}
</label>

2
templates/news/_entry_form.html
View File

@@ -5,7 +5,9 @@
<div class="space-y-3">
{% for field in form.visible_fields %}
<div>
{% include "includes/_form_input.html" with form=form field=field %}
</div>
{% endfor %}
</div>