Misalignment of close button on intro dialog boxes

[VishnuVardhanBR]

The close button on the intro dialog boxes in dev.sugarizer.com are bugged, whereas on server.sugarizer and try.sugarizer they are fine.

Upon comparing them on both the websites, there is an additional line-height property for the introjs-skipbutton class in the dev site, which when removed fixes the issue. This property is missing on the other sites.

[llaske]

Guess it's related to the fix https://github.com/llaske/sugarizer/issues/1403 I'm afraid that if we remove this line, the problem will happen again. Any suggestion?

[VishnuVardhanBR]

I believe we can remove the line. I've checked the behaviour on multiple pages after its removal, and the button remains clickable with no issues.

[llaske]

No the line-height is need else there is shift on the cross (forced in blue below).

BTW, to fix the issue it's possible to set the color to transparent.

[VishnuVardhanBR]

Setting to transparent works, but when I try to reproduce what you have done above I receive the expected result? Why might this be?

[llaske]

Setting to transparent works, but when I try to reproduce what you have done above I receive the expected result? Why might this be?

It seems that the alignment depend on resolution. Increase the zoom to change the alignment.

[VishnuVardhanBR]

I'm confused, It still works fine on lower resolutions, tried zooming in, reducing window size, manually setting resolution in dev tools.

[llaske]

I mean related to physical screen resolution, changing screen size in Chrome has no effect.

[llaske]

Fixed in https://github.com/llaske/sugarizer/pull/1461