evolution-ui icon indicating copy to clipboard operation
evolution-ui copied to clipboard

Readabiliy improvement panel hides the content of the showcase website

Open Gruximillian opened this issue 9 years ago • 4 comments

The readability improvement component buttons hide the content of the complete website. There is no way to undo it other than reloading the page.

https://bovacademy-opensource.github.io/evolution-ui/#site-section-23

@rafael-nunez

Gruximillian avatar Apr 11 '17 17:04 Gruximillian

Hi @Gruximillian

I wasn't sure what you were seeing until I tried Firefox. Is that what you're using? I tried yesterday and today to fix this, but fixing it for Firefox is going to take much longer. At different screen widths I see the problem so it is partly related to the media queries of the site, but I also think there are other css rules from other components that are causing problems. For now, it is best to not include it, I think.

rafael-nunez avatar Apr 12 '17 19:04 rafael-nunez

@rafael-nunez Yes, I tried in Firefox. Maybe you need to ensure your component is safely namespaced, to write all the rules in a way that they can't be overriden by other components.

Gruximillian avatar Apr 12 '17 20:04 Gruximillian

It's a little more complicated. All of my stuff is namespaced. I may have found a fix but it still requires everyone else's rules to be namespaced. Especially whoever is using .hide and .h-hide. until then it is not suitable for Firefox.

rafael-nunez avatar Apr 12 '17 23:04 rafael-nunez

@rafael-nunez Oh those helper clasess are not namespaced... damn. I don't use one I think.

Gruximillian avatar Apr 13 '17 01:04 Gruximillian