sage
/
UnderCover
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweak label style for better visual hierarchy. 

Username -> Your Name
This commit is contained in:
Sage Vaillancourt 2022-09-29 16:22:31 -04:00
parent c7229d5db1
commit f9810ce2b9
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
undercover/routes.py
View File

@ -14,7 +14,7 @@ import undercover.db as db
import undercover.email as email import undercover.email as email
from undercover.pdf_builder import CLData from undercover.pdf_builder import CLData
writing_blueprint = Blueprint('writing', __name__,) writing_blueprint = Blueprint('writing', __name__)
class CLForm(Form): class CLForm(Form):
@ -32,7 +32,7 @@ class CLForm(Form):
) )
username = StringField( username = StringField(
'Username:', 'Your Name:',
[validators.Length(min=4, max=99)], [validators.Length(min=4, max=99)],
default="Sage" default="Sage"
) )

20
undercover/static/styles.css
View File

@ -67,11 +67,19 @@ h2 {
} }
label { label {
font-family: /*'Source Sans Pro', TODO: Host or link this */ sans-serif;
/* font-weight: bold; Re-enable with above font */
font-size: 100%; font-size: 100%;
font-weight: bold; color: #777;
color: #eee;
background-color: #757575;
padding: 0.15em 0.5em; padding: 0.15em 0.5em;
transition-property: color, background-color;
transition-duration: 135ms;
transition-timing-function: ease-out;
}
label:hover {
color: white;
background-color: #222;
} }
input, textarea { input, textarea {
@ -128,7 +136,7 @@ div.user form input {
background-color: white; background-color: white;
transition-property: color, background-color; transition-property: color, background-color;
transition-duration: 135ms; transition-duration: 135ms;
transition-timing-function: ease-in; transition-timing-function: ease-out;
} }
.white-black-button:hover { .white-black-button:hover {
@ -144,7 +152,7 @@ div.user form input {
background-color: black; background-color: black;
transition-property: color, background-color; transition-property: color, background-color;
transition-duration: 135ms; transition-duration: 135ms;
transition-timing-function: ease-in; transition-timing-function: ease-out;
} }
.black-white-button:hover { .black-white-button:hover {
@ -246,7 +254,7 @@ textarea {
line-height: 100%; line-height: 100%;
} }
input { input {
font-size: 200%; font-size: 150%;
width: 100%; width: 100%;
} }
.letter-form { .letter-form {