cadence/Carbon
3
9
Fork 1
Code Issues 14 Pull requests 1 Releases Wiki Activity

Make font feedback red on error

Browse source
This commit is contained in:
Bad 2020-10-21 19:22:23 +02:00
parent ff427d0354
commit cf2c691585
2 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/js/login.js
View file

@ -50,12 +50,12 @@ class Feedback extends ElemJS {
this.loading = state this.loading = state
} }
message(content) { message(content, isError) {
if (content) {
this.class("form-feedback")
} else {
this.removeClass("form-feedback") this.removeClass("form-feedback")
} this.removeClass("form-error")
if (content) this.class("form-feedback")
if(isError) this.class("form-error")
this.messageSpan.text(content) this.messageSpan.text(content)
} }
} }
@ -141,7 +141,7 @@ class Form extends ElemJS {
cancel(message) { cancel(message) {
this.processing = false this.processing = false
feedback.setLoading(false) feedback.setLoading(false)
feedback.message(message) feedback.message(message, true)
} }
} }

3
src/sass/login.sass
View file

@ -38,6 +38,9 @@
width: 100% width: 100%
margin: -0.5em 0 -0.8em margin: -0.5em 0 -0.8em
.form-error
color: red
@keyframes spin @keyframes spin
0% 0%
transform: rotate(0deg) transform: rotate(0deg)