gaugendre/python-blog
Archived
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add style for form as p

Browse source
This commit is contained in:
Gabriel Augendre 2020-08-20 08:31:52 +02:00
parent 7fbe7594cc
commit 93c9a87a68
2 changed files with 21 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
articles/static/style.css
View file

@ -140,15 +140,25 @@ tr:hover {
vertical-align: 15%; vertical-align: 15%;
} }
form p .helptext::before {
content: "\A";
white-space: pre;
}
.helptext { .helptext {
color: var(--main3); color: var(--main3);
font-size: 80%; font-size: 80%;
font-weight: normal;
} }
.helptext a { .helptext a {
color: var(--main3); color: var(--main3);
} }
form .required {
font-weight: bold;
}
form table th { form table th {
vertical-align: top; vertical-align: top;
} }
@ -167,6 +177,10 @@ form {
padding: 1em; padding: 1em;
} }
form, form p {
line-height: normal;
}
form button[type=submit] { form button[type=submit] {
font-size: 1em; font-size: 1em;
padding: .9ex 1.2ex; padding: .9ex 1.2ex;
@ -177,7 +191,7 @@ form button[type=submit] {
cursor: pointer; cursor: pointer;
} }
form table tr.error, form table tr.error .helptext, .errorlist { form .error, form .error .helptext, .errorlist {
color: var(--error-text); color: var(--error-text);
background-color: var(--error-background); background-color: var(--error-background);
} }
@ -186,10 +200,11 @@ form table tr.error, form table tr.error .helptext, .errorlist {
margin-top: 0; margin-top: 0;
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;
margin-bottom: 0;
} }
.errorlist.nonfield { .errorlist + .error {
margin-bottom: 0; margin-top: 0;
} }
.comment { .comment {

6
articles/templates/articles/article_detail.html
View file

@ -31,9 +31,9 @@
{% endfor %} {% endfor %}
<form id="comment-form" action="{% url 'create-comment' slug=article.slug %}" method="post"> <form id="comment-form" action="{% url 'create-comment' slug=article.slug %}" method="post">
{% csrf_token %} {% csrf_token %}
<table> {# <table>#}
{{ form.as_table }} {{ form.as_p }}
</table> {# </table>#}
<button type="submit">Submit</button> <button type="submit">Submit</button>
<p class="helptext"> <p class="helptext">
Your comment may not be approved if it's not respectful, on topic or spammy. Your comment may not be approved if it's not respectful, on topic or spammy.