BugHunter2k / grav-plugin-fred

Frontend editing for Grav using contenttools
MIT License
4 stars 2 forks source link

Need to fix CSS for tooltips #5

Open Dudaevskiy opened 4 years ago

Dudaevskiy commented 4 years ago

Great plugin! Thank you for your work. But I found a problem. It consists in displaying the editor window in case of an active star-ratings plugin: https://github.com/getgrav/grav-plugin-star-ratings If it is active, then the panel looks like this:

Dudaevskiy commented 4 years ago

My Fix styles:

/*
FREED & STARS fixed styles
START
*/
/* Hide the tooltip content by default */
.ct-widget.ct-toolbox .ct-tool[data-tooltip]:before {
    visibility: visible;
    opacity: 1;
}

/* Position tooltip above the element */
.ct-widget.ct-toolbox .ct-tool[data-tooltip]:before {
    /* padding-top:30px !important; */
    position: relative !important;
    width: auto;
    margin-left: -35px;
    background-color: inherit;
    line-height:1 !important;
    color: inherit;
    bottom: 0%;
    top: 5px;
    height: 32px;
    position: relative;
    text-align: center;
    font-family: 'icon';
    font-size: 16px;
}

/*
END
FREED & STARS fixed styles
*/