adrian/contact-mailer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update index.js and style.css

Browse Source
This commit is contained in:
Elisa 2020-08-25 13:50:45 +02:00
parent 9ae928560e
commit 5aaac71f6b
2 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/index.js
View File

@ -47,7 +47,8 @@ function interceptForm (formId) {
/* Add loading text */ /* Add loading text */
const submitButton = formElem.querySelector('[type="submit"]') const submitButton = formElem.querySelector('[type="submit"]')
const loadingText = document.createElement('span') const loadingText = document.createElement('span')
loadingText.textContent = ' Envoi en cours…' loadingText.classList.add(".contact-mailer-sending");
loadingText.textContent = 'Envoi en cours…'
submitButton.after(loadingText) submitButton.after(loadingText)
/* XHR */ /* XHR */
fetch(formElem.action, { fetch(formElem.action, {

23
client/style.css
View File

@ -4,8 +4,7 @@
.contact-mailer-message { .contact-mailer-message {
border: 1px solid; border: 1px solid;
padding: 3px; padding: 2px 8px;
padding-left: 8px;
border-radius: 2px; border-radius: 2px;
cursor:pointer; cursor:pointer;
} }
@ -18,6 +17,22 @@
.contact-mailer-message-success { .contact-mailer-message-success {
color: white; color: white;
background-color: #06d6a0; background-color: #00B06A;
border-color: #06d6a0; border-color: #00B06A;
}
.contact-mailer-light-message-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.contact-mailer-light-message-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.contact-mailer-sending {
padding: 5px 10px;
} }