ADAM / AIAHTML5

Commit 6ae22fe0d8e4215c266ccc29af3f1e483716c17a

Authored by Nikita Kulshreshtha
1 parent 123f8a49

showhide tooltip issue in ipad resolved

Inline Side-by-side
Showing 2 changed files with 24 additions and 3 deletions
400-SOURCECODE/AIAHTML5.Web/app/widget/MainMenu.html
  View file @6ae22fe
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 <div class="bodyWrap row container-fluid" > 2 <div class="bodyWrap row container-fluid" >
3 <div class="col-sm-12 col-md-12 pageHeading"> 3 <div class="col-sm-12 col-md-12 pageHeading">
4 <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>--> 4 <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->
5 - <div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar" style="padding-left: 15px; "> <i class="fa fa-bars"></i> </div> 5 + <div class=" pull-left toggleBar toggleHeadingButton tooltip-sidebar" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar" style="padding-left: 15px; "> <i class="fa fa-bars"></i> </div>
6 <h4 class="pull-left" data-ng-bind="currentActiveModuleTitle"><!--{{currentActiveModuleTitle}}--></h4> 6 <h4 class="pull-left" data-ng-bind="currentActiveModuleTitle"><!--{{currentActiveModuleTitle}}--></h4>
7 <div class="pull-right paddTop4 "> 7 <div class="pull-right paddTop4 ">
8 <!--<div class="pull-right paddTop4 ">--> 8 <!--<div class="pull-right paddTop4 ">-->
@@ -39,8 +39,21 @@ @@ -39,8 +39,21 @@
39 $(function () { 39 $(function () {
40 40
41 $(function () { 41 $(function () {
42 - $('[data-toggle="tooltip"]').tooltip();  
43 - }) 42 +
  43 + var $ua = navigator.userAgent;
  44 + if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
  45 + $(".tooltip-sidebar").tooltip({
  46 + tooltipClass: 'tooltipsidebar'
  47 + });
  48 + }
  49 + else {
  50 + $(".tooltip-sidebar").tooltip({
  51 + tooltipClass: 'customTooltip'
  52 + });
  53 + }
  54 +
  55 +
  56 + });
44 57
45 }); 58 });
46 </script> 59 </script>
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
  View file @6ae22fe
@@ -166,6 +166,14 @@ footer.dark { @@ -166,6 +166,14 @@ footer.dark {
166 color: #fff !important; 166 color: #fff !important;
167 /*opacity: 0.9 !important;*/ 167 /*opacity: 0.9 !important;*/
168 } 168 }
  169 +.tooltipsidebar
  170 + {
  171 + background: #333 !important;
  172 + color: #fff !important;
  173 + top : 82px !important;
  174 + padding:2px !important;
  175 + left:50px !important;
  176 +}
169 177
170 /*.tools { 178 /*.tools {
171 background: #eeeeee none repeat scroll 0 0; 179 background: #eeeeee none repeat scroll 0 0;