wojciech
/
doneth.at
1
0
Fork 0
Code Issues 3 Pull Requests Projects 1 Releases Wiki Activity

Bump the max accompl. length to 256 characters

This commit is contained in:
Wojciech Kwolek 2020-08-30 13:01:37 +02:00
parent 5f159fbb30
commit 845f5dbe65
4 changed files with 47 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/css/main.css
View File

@ -26,11 +26,11 @@ form div.error input {
} }
form div.error ul.errors { form div.error ul.errors {
@apply pl-1 pt-1; @apply pt-1 pl-1;
} }
form div.error ul.errors li { form div.error ul.errors li {
@apply text-red-500 text-xs italic; @apply text-xs italic text-red-500;
} }
form input[type=text]:focus, form input[type=text]:focus,
@ -40,19 +40,20 @@ form input[type=password]:focus {
} }
form input[type=submit] { form input[type=submit] {
@apply font-bold py-2 px-4 rounded w-full mt-2; @apply w-full px-4 py-2 mt-2 font-bold rounded;
} }
form.auth-form input[type=submit] { form.auth-form input[type=submit] {
@apply bg-blue-500 text-white; @apply text-white bg-blue-500;
} }
.green-btn { .green-btn {
@apply bg-green-500 text-white; @apply text-white bg-green-500;
} }
.accomplishment .difficulty { .accomplishment .difficulty {
@apply font-bold; @apply flex-shrink-0 pl-1 font-bold text-right;
min-width: 3em;
} }
.accomplishment .difficulty-easy { .accomplishment .difficulty-easy {
@ -72,7 +73,7 @@ form.auth-form input[type=submit] {
} }
.orange-btn { .orange-btn {
@apply bg-orange-500 text-white; @apply text-white bg-orange-500;
} }
.orange-btn:hover { .orange-btn:hover {
@ -80,7 +81,7 @@ form.auth-form input[type=submit] {
} }
.red-btn { .red-btn {
@apply bg-red-500 text-white; @apply text-white bg-red-500;
} }
.red-btn:hover { .red-btn:hover {
@ -93,7 +94,7 @@ form.auth-form input[type=submit]:hover {
} }
form input[type=submit]:focus { form input[type=submit]:focus {
@apply outline-none shadow-outline; @apply shadow-outline outline-none;
} }
.link { .link {
@ -105,7 +106,7 @@ form input[type=submit]:focus {
} }
.card { .card {
@apply bg-white shadow-md rounded px-8 pt-6 pb-6 mb-4 mt-4; @apply px-8 pt-6 pb-6 mt-4 mb-4 bg-white rounded shadow-md;
} }
.auth-form.card { .auth-form.card {

2
app/db.py
View File

@ -43,7 +43,7 @@ class Accomplishment(db.Model):
user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False) user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
time = db.Column(db.DateTime(), nullable=False, time = db.Column(db.DateTime(), nullable=False,
default=db.func.current_timestamp()) default=db.func.current_timestamp())
text = db.Column(db.String(128), nullable=False) text = db.Column(db.String(256), nullable=False)
difficulty = db.Column(db.Integer) difficulty = db.Column(db.Integer)
@property @property

6
app/main.py
View File

@ -11,8 +11,10 @@ main = Blueprint('main', __name__)
class NewAccomplishementForm(FlaskForm): class NewAccomplishementForm(FlaskForm):
text = StringField('Accomplishment', validators=[ text = StringField(
DataRequired(), Length(max=128)]) 'Accomplishment',
validators=[
DataRequired(), Length(max=256)])
submit_5 = SubmitField('5 XP') submit_5 = SubmitField('5 XP')
submit_10 = SubmitField('10 XP') submit_10 = SubmitField('10 XP')
submit_15 = SubmitField('15 XP') submit_15 = SubmitField('15 XP')

58
app/static/style.css
View File

@ -22064,16 +22064,16 @@ form div.error input {
} }
form div.error ul.errors { form div.error ul.errors {
padding-left: 0.25rem;
padding-top: 0.25rem; padding-top: 0.25rem;
padding-left: 0.25rem;
} }
form div.error ul.errors li { form div.error ul.errors li {
font-size: 0.75rem;
font-style: italic;
--text-opacity: 1; --text-opacity: 1;
color: #f56565; color: #f56565;
color: rgba(245, 101, 101, var(--text-opacity)); color: rgba(245, 101, 101, var(--text-opacity));
font-size: 0.75rem;
font-style: italic;
} }
form input[type=text]:focus, form input[type=text]:focus,
@ -22083,36 +22083,40 @@ form input[type=password]:focus {
} }
form input[type=submit] { form input[type=submit] {
font-weight: 700; width: 100%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
border-radius: 0.25rem; padding-top: 0.5rem;
width: 100%; padding-bottom: 0.5rem;
margin-top: 0.5rem; margin-top: 0.5rem;
font-weight: 700;
border-radius: 0.25rem;
} }
form.auth-form input[type=submit] { form.auth-form input[type=submit] {
--text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--text-opacity));
--bg-opacity: 1; --bg-opacity: 1;
background-color: #4299e1; background-color: #4299e1;
background-color: rgba(66, 153, 225, var(--bg-opacity)); background-color: rgba(66, 153, 225, var(--bg-opacity));
--text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--text-opacity));
} }
.green-btn { .green-btn {
--bg-opacity: 1;
background-color: #48bb78;
background-color: rgba(72, 187, 120, var(--bg-opacity));
--text-opacity: 1; --text-opacity: 1;
color: #fff; color: #fff;
color: rgba(255, 255, 255, var(--text-opacity)); color: rgba(255, 255, 255, var(--text-opacity));
--bg-opacity: 1;
background-color: #48bb78;
background-color: rgba(72, 187, 120, var(--bg-opacity));
} }
.accomplishment .difficulty { .accomplishment .difficulty {
flex-shrink: 0;
padding-left: 0.25rem;
font-weight: 700; font-weight: 700;
text-align: right;
min-width: 3em;
} }
.accomplishment .difficulty-easy { .accomplishment .difficulty-easy {
@ -22140,12 +22144,12 @@ form.auth-form input[type=submit] {
} }
.orange-btn { .orange-btn {
--bg-opacity: 1;
background-color: #ed8936;
background-color: rgba(237, 137, 54, var(--bg-opacity));
--text-opacity: 1; --text-opacity: 1;
color: #fff; color: #fff;
color: rgba(255, 255, 255, var(--text-opacity)); color: rgba(255, 255, 255, var(--text-opacity));
--bg-opacity: 1;
background-color: #ed8936;
background-color: rgba(237, 137, 54, var(--bg-opacity));
} }
.orange-btn:hover { .orange-btn:hover {
@ -22155,12 +22159,12 @@ form.auth-form input[type=submit] {
} }
.red-btn { .red-btn {
--bg-opacity: 1;
background-color: #f56565;
background-color: rgba(245, 101, 101, var(--bg-opacity));
--text-opacity: 1; --text-opacity: 1;
color: #fff; color: #fff;
color: rgba(255, 255, 255, var(--text-opacity)); color: rgba(255, 255, 255, var(--text-opacity));
--bg-opacity: 1;
background-color: #f56565;
background-color: rgba(245, 101, 101, var(--bg-opacity));
} }
.red-btn:hover { .red-btn:hover {
@ -22176,8 +22180,8 @@ form.auth-form input[type=submit]:hover {
} }
form input[type=submit]:focus { form input[type=submit]:focus {
outline: 0;
box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
outline: 0;
} }
.link { .link {
@ -22194,17 +22198,17 @@ form input[type=submit]:focus {
} }
.card { .card {
--bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--bg-opacity));
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
border-radius: 0.25rem;
padding-left: 2rem; padding-left: 2rem;
padding-right: 2rem; padding-right: 2rem;
padding-top: 1.5rem; padding-top: 1.5rem;
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
margin-bottom: 1rem;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem;
--bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--bg-opacity));
border-radius: 0.25rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
} }
.auth-form.card { .auth-form.card {