search

rnmp / salvattore

A jQuery Masonry alternative with CSS-driven configuration.
https://salvattore.js.org/
MIT License
2.17k stars 243 forks source link

A way to hide "3 .cardcol.size-1of3" in webpage if noscript enabled #180

Open tranxuanthang opened 8 years ago

tranxuanthang commented 8 years ago

If browsing my webpage using salvattore with NoScript (a firefox extension) enabled, for example, it left a visible "3 .cardcol.size-1of3" on the webpage. Not a big problem, but some time it annoy me. 3 .cardcol.size-1of3

MariusRumpf commented 8 years ago

Use something like in the html5boilerplate where you have a no-js class. You can then hide the after element for no-js. Be sure to load the script to remove that class before salvattore.

efc commented 7 years ago

I just added a display: none; to the my masonry containers. For example:

.masonry-container[data-columns]::before {
    content: '3 .masonry-column.masonry-size-1of3';
    display: none;
}

The fact that the ::before is not displayed does not seem to change the effectiveness of the ::before for Salvattore.

slavanga commented 7 years ago

@rnmp If adding display: none; is the recommended way to hide the column config it should be added to the “how it works” section.