8:15 a.m.
From: Samuel Guimarães <sguimaraes943(a)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
8:15 a.m.
From: Samuel Guimarães <sguimaraes943(a)gmail.com>
Signed-off-by: Samuel Guimarães <sguimaraes943(a)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
11:16 a.m.
On 03/01/2016 11:15 AM, sguimaraes943(a)gmail.com wrote:
From: Samuel Guimarães <sguimaraes943(a)gmail.com>
Signed-off-by: Samuel Guimarães <sguimaraes943(a)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 {
3192
days inactive
3192
days old
2 comments
2 participants
participants (2)
-
Aline Manera -
sguimaraes943＠gmail.com