[cloudstack] branch master updated: ui: Fix quick view tooltip loading overlay offset (#3407)

[rohit]

This is an automated email from the ASF dual-hosted git repository.

rohit pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/cloudstack.git


The following commit(s) were added to refs/heads/master by this push:
     new 0886c0c  ui: Fix quick view tooltip loading overlay offset (#3407)
0886c0c is described below

commit 0886c0c63618a11df697549bea6456ee88341780
Author: Nico Wohlfarth <n.wohlfa...@ewerk.com>
AuthorDate: Tue Jun 18 10:28:14 2019 +0200

    ui: Fix quick view tooltip loading overlay offset (#3407)
    
    Fixed the styling of the quick view tooltip loading overlay. Before it 
would have a top offset to the quick view tooltip and stick out of the tooltip. 
Afterwards it just overlays the tooltip.
---
 ui/css/cloudstack3.css                             | 4 +---
 ui/css/src/scss/components/quick-view-tooltip.scss | 4 +---
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 0d17cdc..b6877cd 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -1505,10 +1505,7 @@ div.list-view 
td.state.notsuitable-storage-migration-required span {
 
 .quick-view-tooltip .loading-overlay {
   opacity: 0.35;
-  top: 94px;
-  left: 1px;
   /*+opacity:35%;*/
-  height: 57px;
   filter: alpha(opacity=35);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
   -moz-opacity: 0.35;
@@ -1516,6 +1513,7 @@ div.list-view 
td.state.notsuitable-storage-migration-required span {
 
 .quick-view-tooltip .container {
   display: inline-block;
+  position: relative;
   width: 471px;
   height: auto;
   min-height: 100px;
diff --git a/ui/css/src/scss/components/quick-view-tooltip.scss 
b/ui/css/src/scss/components/quick-view-tooltip.scss
index 68932e0..b633b37 100644
--- a/ui/css/src/scss/components/quick-view-tooltip.scss
+++ b/ui/css/src/scss/components/quick-view-tooltip.scss
@@ -42,10 +42,7 @@
 
 .quick-view-tooltip .loading-overlay {
   opacity: 0.35;
-  top: 94px;
-  left: 1px;
   /*+opacity:35%;*/
-  height: 57px;
   filter: alpha(opacity=35);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
   -moz-opacity: 0.35;
@@ -53,6 +50,7 @@
 
 .quick-view-tooltip .container {
   display: inline-block;
+  position: relative;
   width: 471px;
   height: auto;
   min-height: 100px;