[PATCH] [Kimchi] Fixed CPU utilization progress bar after changes in Wok SCSS
From: Samuel Guimarães <sguimaraes943@gmail.com> A change in _wok-variables made Guest CPU utilization progress bar disappear. This patch fixes the progress bar and it also includes a new animation inherited from _animation.scss in Wok. Samuel Guimarães (1): Fixed CPU utilization progress bar after changes in Wok SCSS ui/css/kimchi.css | 33 +++++++++++++++++++++++++++------ ui/css/src/modules/_guests.scss | 2 +- 2 files changed, 28 insertions(+), 7 deletions(-) -- 1.9.3
From: Samuel Guimarães <sguimaraes943@gmail.com> Signed-off-by: Samuel Guimarães <sguimaraes943@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; +} + +@keyframes fadein { + 0% { + opacity: 0; + } + 20% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + /* 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 { -- 1.9.3
On 03/01/2016 11:15 AM, sguimaraes943@gmail.com wrote:
From: Samuel Guimarães <sguimaraes943@gmail.com>
Signed-off-by: Samuel Guimarães <sguimaraes943@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; +} + +@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 {
participants (2)
-
Aline Manera -
sguimaraes943＠gmail.com