pico Tooltip support directions

Tooltip support directions

Open wenkm opened this issue 2 years ago • 0 comments

Support directions with data-placement property.

Add tooltip examples.

https://github.com/picocss/pico/pull/180

Jun 21 '22 09:06 wenkm

I need this! =) Have an issue with default placement renders tooltips partially offscreen on narrow displays.

using release v1.5.3

Aug 20 '22 09:08 telamon

I need this! =) Have an issue with default placement renders tooltips partially offscreen on narrow displays.

using release v1.5.3

Pure CSS is difficult to implement. It can be solved by line wrapping I think.

Sep 01 '22 02:09 wenkm

Sep 01 '22 08:09 sysmat

"@picocss/pico": "^1.5.3"

data-placement="bottom" not working

The author has not merged this request, so it does not take effect.

Sep 01 '22 08:09 wenkm

@wenkm aha thx, sorry my mistake

Sep 01 '22 08:09 sysmat

Closes #180

Sep 11 '22 08:09 lucaslarroche

Hi @wenkm, Thank you for your changes and sorry for the delay. I greatly appreciate your contribution.

I rebased your branch, made slight changes to the SCSS syntax, changed the documentation formatting (see bellow), and rebuilt the CSS.

I will merge into dev, and then in the next release quickly. @sysmat, it's coming 🙂🚀

Sep 11 '22 08:09 lucaslarroche

Have an issue with default placement renders tooltips partially offscreen on narrow displays.

@wenkm @sysmat Yes, I tried again, but I didn't have an elegant solution in pure CSS.

Sep 11 '22 08:09 lucaslarroche