IOTMAPCOMP-155 - update des layers des clusters

Orange-OpenSource · Apr 9, 2021 · c095df1 · c095df1
1 parent fdd435c
commit c095df1
Showing 1 changed file with 12 additions and 68 deletions.
diff --git a/src/iotMapManager/css/tabs.css b/src/iotMapManager/css/tabs.css
@@ -90,7 +90,7 @@
 
 
 /* Clusters TABS */
-.cluster-unselected > .tab-top {
+.cluster-unselected > .tab-top, .automatic-cluster > .tab-top {
   position: absolute;
   background-color: white;
   left: 10px;
@@ -106,8 +106,9 @@
   font-weight: bold;
   line-height:20px;
   text-align: center;
+  visibility: visible;
 }
-.cluster-unselected > .tab-top-big {
+.cluster-unselected > .tab-top-big , .automatic-cluster > .tab-top-big {
   position: absolute;
   background-color: white;
   left: 0px;
@@ -123,8 +124,10 @@
   font-weight: bold;
   line-height:20px;
   text-align: center;
+
+  visibility: visible;
 }
-.cluster-unselected > .tab-top-big-left {
+.cluster-unselected > .tab-top-big-left , .automatic-cluster > .tab-top-big-left {
   position: absolute;
   background-color: white;
   left: 0px;
@@ -133,8 +136,10 @@
   height: 20px;
   border-radius: 0px 0px 30px 0px;
   z-index: 7;
+
+  visibility: visible;
 }
-.cluster-unselected > .tab-top-big-right {
+.cluster-unselected > .tab-top-big-right , .automatic-cluster > .tab-top-big-right {
   position: absolute;
   background-color: white;
   right: -50px;
@@ -143,77 +148,16 @@
   height: 20px;
   border-radius: 0px 0px 0px 30px;
   z-index: 7;
+  visibility: visible;
 }
 .cluster-selected > .tab-top,
 .cluster-selected > .tab-top-big,
 .cluster-selected > .tab-top-big-left,
-.cluster-selected > .tab-top-big-right {
-  visibility: hidden;
-  font-size: 1px;
-}
-
-
-.clustericon > .tab-top {
-  position: absolute;
-  background-color: white;
-  left: 10px;
-  top: -18px;
-  width: 30px;
-  height: 25px;
-  border-radius: 6px 6px 0px 0px;
-  z-index: 7;
-  box-shadow: 0 0 8px -1px rgba(42, 42, 42, 0.4);
-  color: black;
-  font-size: 16px;
-  font-family: 'Helvetica Neue';
-  font-weight: bold;
-  line-height:20px;
-  text-align: center;
-}
-.clustericon > .tab-top-big {
-  position: absolute;
-  background-color: white;
-  left: 0px;
-  top: -18px;
-  width: 50px;
-  height: 25px;
-  border-radius: 6px 6px 0px 0px;
-  z-index: 7;
-  box-shadow: 0 0 8px -1px rgba(42, 42, 42, 0.4);
-  color: black;
-  font-size: 16px;
-  font-family: 'Helvetica Neue';
-  font-weight: bold;
-  line-height:20px;
-  text-align: center;
-}
-.clustericon > .tab-top-big-left {
-  position: absolute;
-  background-color: white;
-  left: 0px;
-  top: 7px;
-  width: 10px;
-  height: 20px;
-  border-radius: 0px 0px 30px 0px;
-  z-index: 7;
-}
-.clustericon > .tab-top-big-right {
-  position: absolute;
-  background-color: white;
-  right: -50px;
-  top: 7px;
-  width: 10px;
-  height: 20px;
-  border-radius: 0px 0px 0px 30px;
-  z-index: 7;
-}
-
+.cluster-selected > .tab-top-big-right,
 .automatic-cluster:hover > .tab-top,
 .automatic-cluster:hover > .tab-top-big,
 .automatic-cluster:hover > .tab-top-big-left,
-.automatic-cluster:hover > .tab-top-big-right
-{
+.automatic-cluster:hover > .tab-top-big-right {
   visibility: hidden;
   font-size: 1px;
 }
-