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 2 <div class="bodyWrap row container-fluid" >
3 3 <div class="col-sm-12 col-md-12 pageHeading">
4 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 6 <h4 class="pull-left" data-ng-bind="currentActiveModuleTitle"><!--{{currentActiveModuleTitle}}--></h4>
7 7 <div class="pull-right paddTop4 ">
8 8 <!--<div class="pull-right paddTop4 ">-->
... ... @@ -39,8 +39,21 @@
39 39 $(function () {
40 40  
41 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 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 166 color: #fff !important;
167 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 178 /*.tools {
171 179 background: #eeeeee none repeat scroll 0 0;
... ...