Tooltip CSS not working with primefaces 6.0.X

[soekris]

If I change primefaces 5.3.11 to primefaces 6.0.5 tooltips lose it's CSS (sentinel 2.1)



With primefaces 5.3.X




With primefaces 6.0.X




Same behaivour with last Santinel version, 2.1.1


/*Style For UI Tooltip --- -----------------------------------------------------------------------------------*/

.ui-tooltip{background-color:#FBFCFD; border: solid 1px #27AAE1; color:#27AAE1; border-top-left-radius: 0px; opacity:0.8; z-index:99999999 !important;}

Is presentg in theme.css

What am I doing wrong? any workaround?

Thanks!

[mert.sincan]

Fixed for next version; https://github.com/primefaces/layouts/issues/92

Please try;

Code: Select all

in theme.css
/*Style For UI Tooltip --------------------------------------------------------------------------------------*/

/* PLEASE REMOVE ALL OF OLD TOOLTIP STYLES AND ADD THE FOLLOWING STYLE */
.ui-tooltip{background-color: #4c4c4c; border: 1px solid #4c4c4c; border-top-left-radius: 0; color: #fff;}
.ui-tooltip-right, 
.ui-tooltip-left, 
.ui-tooltip-top, 
.ui-tooltip-bottom {background: none; border: 0 none;}


/*Style For UI CommandLink --------------------------------------------------------------------------------------*/

....

[soekris]

Thanks Aragorn, it works!!

[mert.sincan]

You're welcome