Atlas Anatomy : Tool-tip identities are missing for the left panel tools.

unknown
1 parent 081933f9
Showing 1 changed file with 66 additions and 15 deletions
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
@@ -16,11 +16,48 @@
         left: 0;
         right: 0;
     }
-    .active
-    {
-        margin-left:15px!important;
+
+    .active {
+        margin-left: 15px !important;
+    }
+
+    .tools1 {
+        left: -96px;
+    }
+
+    .tooltip-custom + .tooltip > .tooltip-inner {
+        background-color: #fff;
+        border: 1px solid #000;
+        color: #000;
+        border-radius: 0;
+    }
+
+    .tooltip-custom + .tooltip > .tooltip-arrow {
+        display: none;
+    }
+
+
+    .custom-tooltip {
+        background-color: #333;
+        border: 0 none;
+        color: #fff !important;
+        left: -52px;
+        /*opacity: 0.9;*/
+        padding: 7px;
+        position: absolute;
+        text-align: center;
+        top: 45px;
+        width: 120px;
+        display: none;
+        z-index: 120000;
+        border: 1px solid #000;
+        color: #000;
+        border-radius: 0;
+    }
+
+    .pad0 {
+        padding: 0;
     }
-    .tools1{left:-96px;}
 </style>
 <div id="aaDetailPageDiv" class="bodyWrap row" ng-controller="TileViewListController">
@@ -34,12 +71,12 @@
     <div class="tools pull-left" style="top:44px;">
         <div class="toggle-icon toggleBar toggleHeadingButton" id="sideBarToggle" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
         <div class="">
-            <div class="col-sm-6" title="Hide Pins"><button onclick="hidePins(event)" class="btn btn-black btn-sm"> <img src="../../../content/images/aa/LeftMenu/hide-pin.png" alt="" title=""></button> </div>
-            <div class="col-sm-6" title="Show Selected Pins"><button class="btn btn-black btn-sm pull-right" onclick="showSelectedPins(event)"><img src="../../../content/images/aa/LeftMenu/draw-pin.png" alt="" title=""></button></div>
-            <div class="col-sm-6" title="Show All Pins in System(s)"><button class="btn btn-primary btn-sm marginTop5" onclick="showAllPins(event)"><img src="../../../content/images/aa/LeftMenu/all-pin.png" alt="" title=""></button></div>
-            <div class="col-sm-6" title="Select System">
-                <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="../../../content/images/aa/LeftMenu/icon-highlight.png" alt="" title=""></button>
-
+            <div class="col-sm-6"><button onclick="hidePins(event)" class="btn btn-black btn-sm tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Hide Pins"> <img src="../../../content/images/aa/LeftMenu/hide-pin.png" alt=""></button> </div>
+            <div class="col-sm-6"><button class="btn btn-black btn-sm pull-right tooltip-custom" onclick="showSelectedPins(event)" data-toggle="tooltip" data-placement="bottom" title="Show Selected Pins"><img src="../../../content/images/aa/LeftMenu/draw-pin.png" alt=""></button></div>
+            <div class="col-sm-6"><button class="btn btn-primary btn-sm marginTop5 tooltip-custom" onclick="showAllPins(event)" data-toggle="tooltip" data-placement="bottom" title="Show All Pins in System(s)"><img src="../../../content/images/aa/LeftMenu/all-pin.png" alt=""></button></div>
+            <div class="col-sm-6">
+                <div class="custom-tooltip">Select System</div>
+                  <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="../../../content/images/aa/LeftMenu/icon-highlight.png" alt="" ></button>
                 <ul class="dropdown-menu" aria-labelledby="dropdownMenu221" id="bodySystemList">
                     <li><a id="0" href="#" title="Current Structure" onclick="showSelectedSystemPins(event)">All</a></li>
                     <li role="separator" class="divider"></li>
@@ -58,7 +95,7 @@
                 </ul>
             </div>
-            <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button onclick="showHideAnnotation(event)" class="btn btn-black btn-sm marginTop5 btn-block"> <img src="../../../content/images/aa/LeftMenu/comment-box.png" alt="" title=""></button> </div>
+            <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button onclick="showHideAnnotation(event)" class="btn btn-black btn-sm marginTop5 btn-block"> <img src="../../../content/images/aa/LeftMenu/comment-box.png" alt=""></button> </div>
         </div>
         <div class="pips-slider" style="margin-top:125px">
             <h3>Zoom <i class="fa fa-search-plus"></i></h3>
@@ -156,12 +193,27 @@
     </div>
 </div>
-
 <script>
     $(window).load(function () {
         $(".stickey-area").sticky();
     });
 </script>
+<script>
+    $(".tooltip-custom").tooltip({
+        tooltipClass: 'customTooltip'
+    });
+</script>
+<script>
+    $(function () {
+
+        $("#dropdownMenu221").mouseover(function () {
+            $(".custom-tooltip").css("display", "block");
+        });
+        $("#dropdownMenu221").mouseout(function () {
+            $(".custom-tooltip").css("display", "none");
+        });
+    });
+</script>
 <script>
     var isSideBarBtnClicked = true;
@@ -174,13 +226,12 @@
                 isSideBarBtnClicked = false;
             }
-            else
-            {
+            else {
                 $(".main2").removeClass("active");
                 $(".tools").removeClass("tools1");
                 isSideBarBtnClicked = true;
             }
-           
+
         });
     });
 </script>