fix: optimize tooltips style (#365)

src/views/dashboard/panel/Tool.vue

@@ -743,6 +743,6 @@ limitations under the License. -->
   .hierarchy-related {
     height: 600px;
     width: 600px;
-    overflow: auto;
+    overflow: hidden;
   }
 </style>

src/views/dashboard/related/topology/components/Graph.vue

@@ -186,7 +186,9 @@ limitations under the License. -->
       if (!props.calls.length) {
         return;
       }
+      setTimeout(() => {
         init();
+      }, 10);
     },
   );
 </script>
@@ -196,6 +198,7 @@ limitations under the License. -->
       fill: var(--sw-topology-color);
       font-size: 12px;
       opacity: 0.9;
+      z-index: 1;
     }
 
     .hierarchy-services-svg {

src/views/dashboard/related/topology/pod/InstanceMap.vue

@@ -171,20 +171,5 @@ limitations under the License. -->
   }
 </script>
 <style lang="scss" scoped>
-  .hierarchy-services-topo {
+  @import url("../style.scss");
-    position: relative;
-  }
-
-  .el-loading-spinner {
-    top: 30%;
-  }
-
-  #popover {
-    position: absolute;
-    visibility: hidden;
-    padding: 5px;
-    border: var(--sw-topology-border);
-    border-radius: 3px;
-    background-color: $theme-background;
-  }
 </style>

src/views/dashboard/related/topology/service/HierarchyMap.vue

@@ -180,20 +180,5 @@ limitations under the License. -->
   }
 </script>
 <style lang="scss" scoped>
-  .hierarchy-services-topo {
+  @import url("../style.scss");
-    position: relative;
-  }
-
-  .el-loading-spinner {
-    top: 30%;
-  }
-
-  #popover {
-    position: absolute;
-    visibility: hidden;
-    padding: 5px;
-    border: var(--sw-topology-border);
-    border-radius: 3px;
-    background-color: $theme-background;
-  }
 </style>

src/views/dashboard/related/topology/service/ServiceMap.vue

@@ -599,7 +599,7 @@ limitations under the License. -->
   .hierarchy-related {
     height: 600px;
     width: 600px;
-    overflow: auto;
+    overflow: hidden;
   }
 
   .micro-topo-chart {

src/views/dashboard/related/topology/style.scss

@@ -0,0 +1,34 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.hierarchy-services-topo {
+  position: absolute;
+  width: 100%;
+}
+
+.el-loading-spinner {
+  top: 30%;
+}
+
+#popover {
+  position: absolute;
+  visibility: hidden;
+  padding: 5px;
+  border: var(--sw-topology-border);
+  border-radius: 3px;
+  background-color: var(--theme-background);
+  z-index: 9999;
+}