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

Popular posts from this blog

magento2 - Magento 2 admin grid add filter to collection -

Android volley - avoid multiple requests of the same kind to the server? -

Combining PHP Registration and Login into one class with multiple functions in one PHP file -