refactor: reorganize the z-index of each control component

zouyaoji · Nov 17, 2021 · 403ea4f · 403ea4f
1 parent 854e239
commit 403ea4f
Show file tree

Hide file tree

Showing 14 changed files with 16 additions and 16 deletions.
diff --git a/packages/theme-default/src/compass.scss b/packages/theme-default/src/compass.scss
@@ -5,7 +5,7 @@
   text-align: center;
   align-items: center;
   justify-content: center;
-  z-index: $z-top;
+  z-index: $z-side;
   pointer-events: auto;
 }
 

diff --git a/packages/theme-default/src/core/variables.scss b/packages/theme-default/src/core/variables.scss
@@ -100,7 +100,7 @@ $z-marginals: 2000 !default;
 $z-fixed-drawer: 3000 !default;
 $z-fullscreen: 6000 !default;
 $z-menu: 6000 !default;
-$z-top: 7000 !default;
+$z-side: 7000 !default;
 $z-tooltip: 9000 !default;
 $z-notify: 9500 !default;
 $z-max: 9998 !default;

diff --git a/packages/theme-default/src/core/visibility.scss b/packages/theme-default/src/core/visibility.scss
@@ -117,7 +117,7 @@
 }
 
 .z-top {
-  z-index: $z-top !important;
+  z-index: $z-side !important;
 }
 
 .z-max {

diff --git a/packages/theme-default/src/distance-legend.scss b/packages/theme-default/src/distance-legend.scss
@@ -3,7 +3,7 @@
 
 .vc-distance-legend {
   position: absolute;
-  z-index: $z-top;
+  z-index: $z-side;
   margin-right: 5px;
   box-sizing: border-box;
   float: left;

diff --git a/packages/theme-default/src/echart-overlay.scss b/packages/theme-default/src/echart-overlay.scss
@@ -1,4 +1,4 @@
 @import './core/variables.scss';
 .vc-echart-container {
-  z-index: $z-top;
+  z-index: $z-side;
 }
diff --git a/packages/theme-default/src/html-overlay.scss b/packages/theme-default/src/html-overlay.scss
@@ -3,5 +3,5 @@
   display: none;
   position: absolute;
   // pointer-events: none;
-  z-index: $z-top;
+  z-index: $z-side;
 }
diff --git a/packages/theme-default/src/my-location.scss b/packages/theme-default/src/my-location.scss
@@ -3,7 +3,7 @@
 .vc-my-location {
   cursor: pointer;
   text-align: center;
-  z-index: $z-top;
+  z-index: $z-side;
   pointer-events: auto;
 }
 

diff --git a/packages/theme-default/src/navigation-sm.scss b/packages/theme-default/src/navigation-sm.scss
@@ -10,7 +10,7 @@
   box-sizing: content-box;
   height: 300px;
   width: 128px;
-  z-index: $z-top;
+  z-index: $z-side;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -92,7 +92,7 @@
     height: 16px;
     background-image: url('./images/vc-tiltbar-sm.png');
     background-repeat: no-repeat;
-    z-index: $z-top;
+    z-index: $z-side;
   }
 
   .vc-arrows-e-sm {

diff --git a/packages/theme-default/src/navigation.scss b/packages/theme-default/src/navigation.scss
@@ -3,7 +3,7 @@
 // 导航控件
 .vc-navigation {
   position: absolute;
-  z-index: $z-top;
+  z-index: $z-side;
   line-height: 1;
   pointer-events: none;
   .vc-navigation-controls {

diff --git a/packages/theme-default/src/overview.scss b/packages/theme-default/src/overview.scss
@@ -2,7 +2,7 @@
 
 .vc-overview-map {
   text-align: center;
-  z-index: $z-top;
+  z-index: $z-side;
   background: #f8f8f9;
   pointer-events: auto;
   transition: all 0.6s;
@@ -12,7 +12,7 @@
   }
 
   .vc-btn {
-    z-index: $z-top;
+    z-index: $z-side;
     transition: all 0.6s;
   }
 

diff --git a/packages/theme-default/src/print.scss b/packages/theme-default/src/print.scss
@@ -3,7 +3,7 @@
 .vc-print {
   cursor: pointer;
   text-align: center;
-  z-index: $z-top;
+  z-index: $z-side;
   pointer-events: auto;
 }
 

diff --git a/packages/theme-default/src/selection-indicator.scss b/packages/theme-default/src/selection-indicator.scss
@@ -3,5 +3,5 @@
 .vc-selection-indicator {
   pointer-events: none;
   position: absolute;
-  z-index: $z-top;
+  z-index: $z-side;
 }
diff --git a/packages/theme-default/src/status-bar.scss b/packages/theme-default/src/status-bar.scss
@@ -3,7 +3,7 @@
 .vc-status-bar {
   cursor: pointer;
   position: absolute;
-  z-index: $z-top;
+  z-index: $z-side;
   margin-right: 5px;
 
   box-sizing: border-box;

diff --git a/packages/theme-default/src/zoom-control.scss b/packages/theme-default/src/zoom-control.scss
@@ -5,7 +5,7 @@
   text-align: center;
   align-items: center;
   justify-content: center;
-  z-index: $z-top;
+  z-index: $z-side;
   pointer-events: auto;
 }