Page 1 of 1

[INFO REQ] - How to move or align the bryntum tooltip if it is defined in the html

Posted: Wed Oct 06, 2021 10:12 pm
by licjapodaca

How to move or align the bryntum tooltip if it is defined in the html like in the image I attached to this ticket?

tooltip-center-text.png
tooltip-center-text.png (412.04 KiB) Viewed 1997 times

Regards


Re: [INFO REQ] - How to move or align the bryntum tooltip if it is defined in the html

Posted: Wed Oct 06, 2021 10:45 pm
by mats

Re: [INFO REQ] - How to move or align the bryntum tooltip if it is defined in the html

Posted: Fri Oct 08, 2021 1:00 pm
by Animal

I think the issue is that it's aligning correctly b-t with its target element, but its target element is the full width of the <ul> block.

Try tweaking the SASS so that the <a> lays out shrinkwrapping its width.

You'll have to poke it and test, but try something like

.st-li {
    display : flex;
    flex-flow : row nowrap;

    a {
        flex : 0 0 auto;
    }
}

Re: [INFO REQ] - How to move or align the bryntum tooltip if it is defined in the html

Posted: Fri Oct 08, 2021 1:09 pm
by Animal

Also, width:100% on it might be causing this!

Screenshot 2021-10-08 at 13.09.45.png
Screenshot 2021-10-08 at 13.09.45.png (17.26 KiB) Viewed 1987 times