angularjs - $uibTooltipProvider doesn't allow specific css property in Angular js -
i have used $uibtooltipprovider tooltip in angular js app..
i have ten menus horizontally when hover menus tooltip display bottom of menu, want change first menu tooltip position, have written specific css this
css: sample classname.
.sample:first-child + .tooltip > .tooltip-arrow { border-bottom-color:#000; position: absolute; } .sample:first-child + .tooltip > .tooltip-inner { background-color: #000; position: absolute; left: -5px; width: 155px !important; }
this code doesn't work when using state appendtobody:'true'.
$uibtooltipprovider intialized in app.js:
.config([ '$httpprovider', '$uibtooltipprovider', function($httpprovider, $uibtooltipprovider) { var tooltipoptions = {placement: 'bottom', appendtobody: true}; $uibtooltipprovider.options(tooltipoptions); } ]);
how change first menu tooltip position when using appendtobody:'true' state??????
Comments
Post a Comment