Add placeholder css and add extended placeholder

This commit is contained in:
MatthiasSaihttam 2020-12-02 17:20:14 -05:00
parent 1ec107f743
commit fcd6389c0e
2 changed files with 6 additions and 1 deletions

View File

@ -3,6 +3,11 @@ textarea.thought {
width: calc(100% - 60px);
}
textarea.thought::placeholder {
color: var(--text-color);
opacity: 50%;
}
#post-button {
border-radius: 0;
background: none;

View File

@ -24,7 +24,7 @@
<form action="{% url 'post'%}" method="post">
{% csrf_token %}
<textarea name="text" id="text" class="thought" rows="1" placeholder="What are you thinking?"></textarea>
<textarea name="extended_text" id="extended_text" class="thought" rows="2"></textarea>
<textarea name="extended_text" id="extended_text" class="thought" rows="2" placeholder="Anything else?"></textarea>
<input type="hidden" name="timezone_offset" id="timezone_offset">
<input type="submit" id="post-button" value="Submit">