Fix some issues with new form style

This commit is contained in:
Bat 2018-07-18 14:14:57 +02:00
parent 4aa184ba45
commit e22bd7a588
2 changed files with 18 additions and 33 deletions

View File

@ -311,11 +311,11 @@ main .article-meta .comments .list {
label { label {
display: block; display: block;
margin: 1.5em auto; margin: 2em auto 1em;
font-size: 1.2em; font-size: 1.2em;
text-align: center; max-width: 40rem;
} }
input { input, textarea {
transition: all 0.1s ease-in; transition: all 0.1s ease-in;
display: block; display: block;
width: 100%; width: 100%;
@ -332,26 +332,14 @@ input {
font-size: 1.2em; font-size: 1.2em;
font-weight: 400; font-weight: 400;
text-align: center;
} }
form input[type="submit"] { margin: 2em auto; } form input[type="submit"] { margin: 2em auto; }
input:focus { input:focus, textarea:focus {
background: #FAFAFA; background: #FAFAFA;
border-color: #7765E3; border-color: #7765E3;
} }
textarea { textarea {
display: block;
width: 100%;
max-width: 40rem;
min-height: 4em;
margin: auto;
padding: 1em;
box-sizing: border-box;
background: #ECECEC;
color: #242424;
border: none;
resize: vertical; resize: vertical;
font-family: "Lora", serif; font-family: "Lora", serif;
@ -376,8 +364,7 @@ textarea {
cursor: pointer; cursor: pointer;
} }
input[type="submit"] input[type="submit"] { display: block; }
{ display: block; }
.button:hover, input[type="submit"]:hover { .button:hover, input[type="submit"]:hover {
background: #7765E399; background: #7765E399;
color: white; color: white;
@ -399,14 +386,12 @@ form.new-post .title {
text-align: left; text-align: left;
} }
form.new-post textarea { form.new-post textarea {
min-height: 8em; min-height: 20em;
padding: 0;
background: none;
} }
form.new-post input[type="submit"] { form.new-post input[type="submit"] {
transition: all 0.2s ease; /*transition: all 0.2s ease;
display: block; display: block;
margin: 1em auto; margin: 1em auto;*/
background: #ECECEC; background: #ECECEC;
color: #242424; color: #242424;
@ -415,8 +400,7 @@ form.new-post input[type="submit"] {
font-family: "Playfair Display", serif; font-family: "Playfair Display", serif;
font-size: 1.5em; font-size: 1.5em;
} }
form.new-post input[type="submit"]:hover form.new-post input[type="submit"]:hover { background: #DADADA; }
{ background: #DADADA; }
/* /*
* == User == * == User ==

View File

@ -16,7 +16,8 @@
{% endfor %} {% endfor %}
{% endif %} {% endif %}
<textarea id="content" name="content" placeholder="{{ "Content" | _ }}" value="{{ form.content | default(value="") }}"></textarea> <label for="content">{{ "Content" | _ }}</label>
<textarea id="content" name="content" value="{{ form.content | default(value="") }}"></textarea>
{{ macros::input(name="license", label="License", errors=errors, form=form) }} {{ macros::input(name="license", label="License", errors=errors, form=form) }}