N°2314 Regression: Add progress bar color change while on going to show user it's not stucked

This commit is contained in:
Molkobain
2019-12-17 11:15:00 +01:00
parent 5ef32b6b31
commit 01cb88a661
3 changed files with 58 additions and 50 deletions

View File

@@ -15,11 +15,20 @@
*
* You should have received a copy of the GNU Affero General Public License
*/
/* Helpers classes */
.center {
text-align: center;
}
/* Animations */
@keyframes progress_bar_color_ongoing {
from {
background-color: #fbd38d;
}
to {
background-color: #f4c56e;
}
}
/* Theme */
body {
background-color: #eee;
color: #1a202c;
@@ -147,10 +156,16 @@ table.formTable {
background-color: #edf2f7 !important;
}
#progress .progress {
transition: background-color 0.2s ease-in-out;
color: #000 !important;
/* !important to overload jQuery UI style */
background-color: #fbd38d !important;
/* !important to overload jQuery UI style */
animation: progress_bar_color_ongoing 0.8s infinite alternate;
}
#progress .progress.progress-error {
background-color: #e53e3e !important;
/* !important to overload jQuery UI style */
animation: none;
}
h3.clickable {
background: url(../images/plus.gif) no-repeat left;