[style] add an extra space around choices expanded widget

This commit is contained in:
Julien Fastré 2019-12-13 12:39:13 +01:00
parent 7d5ea38ea3
commit 01a79f1b79
3 changed files with 9 additions and 1 deletions

View File

@ -98,3 +98,4 @@ Branch CRUD-Init
- create an api for rendering entities - create an api for rendering entities
- css: render the placeholder in expanded choice item as italic (the "no specified" choice") - css: render the placeholder in expanded choice item as italic (the "no specified" choice")
- css: add an extra space around choices expanded widget

View File

@ -34,6 +34,8 @@ label {
.inline-choice { .inline-choice {
white-space:nowrap; white-space:nowrap;
display: inline-block;
label { label {
white-space:normal; white-space:normal;
display: inline; display: inline;
@ -43,6 +45,11 @@ label {
} }
} }
div.choice-widget-expanded {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
textarea, textarea,
//input, //input,
#{$all-text-inputs}, #{$all-text-inputs},

View File

@ -52,7 +52,7 @@
{% block choice_widget_expanded %} {% block choice_widget_expanded %}
{% spaceless %} {% spaceless %}
<div {{ block('widget_container_attributes') }}> <div {{ block('widget_container_attributes') }} class="choice-widget-expanded">
{% for child in form %} {% for child in form %}
<span class="inline-choice"> <span class="inline-choice">
{{ form_widget(child) }} {{ form_widget(child) }}