[Kimchi-devel] [PATCH] [Kimchi] Fixed CPU utilization progress bar after changes in Wok SCSS

[Aline Manera]

On 03/01/2016 11:15 AM, sguimaraes943 at gmail.com wrote:
> From: Samuel Guimarães <sguimaraes943 at gmail.com>
>
> Signed-off-by: Samuel Guimarães <sguimaraes943 at gmail.com>
> ---
>   ui/css/kimchi.css               | 33 +++++++++++++++++++++++++++------
>   ui/css/src/modules/_guests.scss |  2 +-
>   2 files changed, 28 insertions(+), 7 deletions(-)
>
> diff --git a/ui/css/kimchi.css b/ui/css/kimchi.css
> index 51bb226..acaa44f 100644
> --- a/ui/css/kimchi.css
> +++ b/ui/css/kimchi.css
> @@ -61,6 +61,24 @@
>     }
>   }

> +.delayed-fadein {
> +  -webkit-animation: fadein 2s;
> +  -o-animation: fadein 2s;
> +  animation: fadein 2s;
> +}
> +
> + at keyframes fadein {
> +  0% {
> +    opacity: 0;
> +  }
> +  20% {
> +    opacity: 0;
> +  }
> +  100% {
> +    opacity: 1;
> +  }
> +}
> +

kimchi.css is generated automatically by running "make -C ui/css css"
So for those changes persist, you need to edit kimchi.scss and run the 
command above to update kimchi.css accordingly.

>   /* Template & Guests Modal Windows */
>   #template-add-window.modal-content label.box-iso-outer,
>   #guest-add-window.modal-content label.box-iso-outer {
> @@ -78,7 +96,7 @@
>   #guest-add-window.modal-content label.box-iso-outer span.box-iso-border {
>     display: block;
>     border: 3px solid transparent;
> -  transition: all .1s ease-in-out;
> +  transition: all 0.1s ease-in-out;
>   }
>
>   #template-add-window.modal-content label.box-iso-outer .iso-radio-hidden:checked + span.box-iso-border,
> @@ -100,7 +118,7 @@
>     display: block;
>     border: 1px solid transparent;
>     background: #fff;
> -  transition: all .1s ease-in-out;
> +  transition: all 0.1s ease-in-out;
>   }
>
>   #template-add-window.modal-content ul.list-template,
> @@ -1022,7 +1040,7 @@
>     border: 1px solid #eee !important;
>     margin-bottom: 3px;
>     display: block;
> -  padding: .2em .6em .3em;
> +  padding: 0.2em 0.6em 0.3em;
>     font-weight: 700;
>     line-height: 1;
>     text-align: left;
> @@ -1292,7 +1310,7 @@
>     height: 664px;
>     width: 2164px;
>     left: 0;
> -  transition: left .2s ease-in-out;
> +  transition: left 0.2s ease-in-out;
>   }
>
>   #template-add-window.modal-content p {
> @@ -1568,7 +1586,9 @@
>     padding-right: 35px !important;
>   }
>
> -#templates-root-container .wok-vm-gallery .item-hidden.column-type, #templates-root-container .wok-vm-gallery .item-hidden.column-version, #templates-root-container .wok-vm-gallery .item-hidden.column-processors {
> +#templates-root-container .wok-vm-gallery .item-hidden.column-type,
> +#templates-root-container .wok-vm-gallery .item-hidden.column-version,
> +#templates-root-container .wok-vm-gallery .item-hidden.column-processors {
>     padding-bottom: 11px;
>   }
>
> @@ -2109,7 +2129,8 @@
>     white-space: nowrap;
>   }
>
> -.storage-modal .filter-select.popable .popover ul li:hover, .storage-modal .filter-select.popable .popover ul li:focus,
> +.storage-modal .filter-select.popable .popover ul li:hover,
> +.storage-modal .filter-select.popable .popover ul li:focus,
>   .storage-modal .storage-target-input .popover ul li:hover,
>   .storage-modal .storage-target-input .popover ul li:focus,
>   .storage-modal .storage-add-input .popover ul li:hover,
> diff --git a/ui/css/src/modules/_guests.scss b/ui/css/src/modules/_guests.scss
> index 9d62636..662abb7 100644
> --- a/ui/css/src/modules/_guests.scss
> +++ b/ui/css/src/modules/_guests.scss
> @@ -288,7 +288,7 @@
>           }
>           > span.column-processors {
>               > div > div.progress-bar.cpu-progress-bar {
> -                background-color: map-get($colors, administration);
> +                background-color: map-get($colors, wok);
>               }
>           }
>           > span.column-memory {