Repository navigation
Loading class on buttons with tooltip create wrong effect #649
Description
Activity
This is due to the
left: 100%rule assigned totooltip-<mod>::after. The rule is applied to move the tooltip away from the button itself, but breaks the loader.I was able to solve this by setting
left: 50% !importantandtop: 50% !importantin the.loading::afterclass.
A (probably unwanted) side effect of applying the
loadingclass to abtnwithtooltipis also that the tooltip is not displayed, I suspect due to a conflict of CSS rules. I don't think this is an issue (is somewhat expected due to the CSS only nature of the framework).I can provide a PR if interested in the fix.
Reacted by Laurent PayotAbsolutely yes. I just wanted to open an issue first to discuss it before rushing an implementation.
PS: I see this repo is not participating in Hacktoberfest (from this year is opt-in), you may be interested in checking that out.
- added a commit that references this issue
on Oct 7, 2020
Hello, while applying
loadingto abtnwith atooltipconfigured I observe this behaviour:Apart from the
tooltipclass, all other tooltip position modifier are affecting the loader.I'm using
spectre.cssv0.5.9.