add special layout for time field

This commit is contained in:
Julien Fastré 2015-07-05 23:14:44 +02:00
parent ab52528f71
commit 0dd3dd2a1e
4 changed files with 1062 additions and 1026 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -92,4 +92,18 @@ ul.custom_fields.choice li {
p {
font-family: 'open_sanslight';
}
}
// inline time input
.time_compound {
input[type=text], select {
width: 4em;
display: inline-block;
text-align: center;
}
.separator {
margin-left: 0.2em;
margin-right: 0.2em;
}
}

View File

@ -87,6 +87,18 @@
{% endif %}
{% endspaceless %}
{% endblock date_widget %}
{%- block time_widget -%}
{%- if widget == 'single_text' -%}
{{ block('form_widget_simple') }}
{%- else -%}
{%- set vars = widget == 'text' ? { 'attr': { 'size': 1 }} : {} -%}
{% set attr = {'class' : 'time_compound ' ~ attr.class|default('') } %}
<div {{ block('widget_container_attributes') }}>
{{ form_widget(form.hour, vars) }}{% if with_minutes %}<span class="separator">:</span>{{ form_widget(form.minute, vars) }}{% endif %}{% if with_seconds %}<span class="separator">:</span>{{ form_widget(form.second, vars) }}{% endif %}
</div>
{%- endif -%}
{%- endblock time_widget -%}
{% block form_errors %}
{% spaceless %}