composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-12 23:14:18 +01:00
Code Issues Packages Projects Releases Wiki Activity

N°2314 Setup progress bar is now cuter (following 01cb88a)

Browse Source
This commit is contained in:
Stephen Abello
2019-12-18 09:39:37 +01:00
parent 358efb0f2f
commit f18e27a183
2 changed files with 44 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
css/setup.scss
View File

@@ -45,8 +45,8 @@ $message-error-bg-color: #FFF5F5 !default;
// Compilation progress bar
$progress-bar-color: #000000 !default;
$progress-bar-ongoing-1-bg-color: #FBD38D !default;
$progress-bar-ongoing-2-bg-color: #F4C56E !default;
$progress-bar-error-bg-color: #E53E3E !default;
$progress-bar-ongoing-2-bg-color: #FEEBC8 !default;
$progress-bar-error-bg-color: #F56565 !default;
/* Helpers classes */
.center {
@@ -58,6 +58,22 @@ $progress-bar-error-bg-color: #E53E3E !default;
from { background-color: $progress-bar-ongoing-1-bg-color; }
to { background-color: $progress-bar-ongoing-2-bg-color; }
}
@-webkit-keyframes bg-pan-left {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes bg-pan-left {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
/* Theme */
body {
@@ -193,10 +209,12 @@ table.formTable {
.progress{
color: $progress-bar-color !important; /* !important to overload jQuery UI style */
background-color: $progress-bar-ongoing-1-bg-color !important; /* !important to overload jQuery UI style */
animation: progress_bar_color_ongoing 0.8s infinite alternate;
background-image: linear-gradient(270deg, $progress-bar-ongoing-1-bg-color 50%, $progress-bar-ongoing-2-bg-color 55%, $progress-bar-ongoing-1-bg-color 80%) !important; /* !important to overload jQuery UI style */
animation: bg-pan-left 3s infinite both;
background-size: 600% 100%;
border-radius: inherit;
&.progress-error{
background-image: none !important;
background-color: $progress-bar-error-bg-color !important; /* !important to overload jQuery UI style */
animation: none;
}