[skywalking-rocketbot-ui] branch master updated: Fix the problem that the footer and topology group is shaded when the topology radiation is displayed. (#446)

[qiuxiafan]

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

qiuxiafan pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/skywalking-rocketbot-ui.git


The following commit(s) were added to refs/heads/master by this push:
     new 4f2e18e  Fix the problem that the footer and topology group is shaded 
when the topology radiation is displayed. (#446)
4f2e18e is described below

commit 4f2e18ef336dca2f69dddc26e495f98f66b3e49e
Author: CharliePu <heihaozi2...@163.com>
AuthorDate: Tue Mar 16 14:13:55 2021 +0800

    Fix the problem that the footer and topology group is shaded when the 
topology radiation is displayed. (#446)
    
    * the group is shaded when radiation is displayed
    
    * the footer is shaded when radiation is displayed
---
 src/components/rk-footer.vue                       | 1 +
 src/views/components/topology/topo-group/index.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/rk-footer.vue b/src/components/rk-footer.vue
index d46a0f0..0b24274 100644
--- a/src/components/rk-footer.vue
+++ b/src/components/rk-footer.vue
@@ -78,6 +78,7 @@ limitations under the License. -->
     padding-left: 15px;
     padding-bottom: 1px;
     box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.08);
+    z-index: 2;
   }
   .rk-footer-dark {
     color: #ddd;
diff --git a/src/views/components/topology/topo-group/index.vue 
b/src/views/components/topology/topo-group/index.vue
index b55269f..f2400b3 100644
--- a/src/views/components/topology/topo-group/index.vue
+++ b/src/views/components/topology/topo-group/index.vue
@@ -130,6 +130,7 @@ limitations under the License. -->
     position: absolute;
     bottom: 10px;
     left: 10px;
+    z-index: 2;
     .rk-page {
       color: #eee;
     }