mirror of
https://github.com/django/django.git
synced 2025-02-08 08:26:13 +00:00
Used CSS flex for form rows.
This commit is contained in:
parent
798e38c2b9
commit
96a598356a
@ -22,6 +22,11 @@ form .form-row p {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.form-row > div {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* FORM LABELS */
|
||||
|
||||
label {
|
||||
@ -69,7 +74,6 @@ form ul.inline li {
|
||||
.aligned label {
|
||||
display: block;
|
||||
padding: 4px 10px 0 0;
|
||||
float: left;
|
||||
width: 160px;
|
||||
word-wrap: break-word;
|
||||
line-height: 1;
|
||||
@ -82,7 +86,7 @@ form ul.inline li {
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.aligned label + p, .aligned label + div.help, .aligned label + div.readonly {
|
||||
.aligned label + p, .aligned .checkbox-row + div.help, .aligned label + div.readonly {
|
||||
padding: 6px 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
@ -90,6 +94,11 @@ form ul.inline li {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.aligned label + div.readonly,
|
||||
.aligned label + .datetime {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.aligned ul label {
|
||||
display: inline;
|
||||
float: none;
|
||||
@ -117,7 +126,6 @@ form .aligned div.radiolist {
|
||||
|
||||
form .aligned p.help,
|
||||
form .aligned div.help {
|
||||
clear: left;
|
||||
margin-top: 0;
|
||||
margin-left: 160px;
|
||||
padding-left: 10px;
|
||||
@ -129,8 +137,7 @@ form .aligned p.datetime div.help.timezonewarning {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
form .aligned label + p.help,
|
||||
form .aligned label + div.help {
|
||||
form .aligned .checkbox-row + .help {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
@ -111,7 +111,6 @@ thead th.sorted .text {
|
||||
|
||||
.aligned label {
|
||||
padding: 0 0 3px 1em;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.submit-row a.deletelink {
|
||||
@ -127,10 +126,6 @@ thead th.sorted .text {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
form .aligned p.help, form .aligned div.help {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
form .aligned ul {
|
||||
margin-right: 163px;
|
||||
margin-left: 0;
|
||||
@ -142,6 +137,17 @@ form ul.inline li {
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
form .aligned p.help,
|
||||
form .aligned div.help {
|
||||
margin-right: 160px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
form .aligned .checkbox-row + .help {
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.submit-row {
|
||||
text-align: right;
|
||||
}
|
||||
|
@ -19,12 +19,12 @@
|
||||
{{ field.field }}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if field.field.help_text %}
|
||||
<div class="help"{% if field.field.id_for_label %} id="{{ field.field.id_for_label }}_helptext"{% endif %}>
|
||||
{{ field.field.help_text|safe }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
Loading…
x
Reference in New Issue
Block a user