Hide public flag/badge (orange with an eye) on album covers

[rayearth2162-ship-it]

Hi there

I was wondering if there is a way to hide the public flag / badge using custom CSS (the orange flag with an eye on the left top corner of each album / sub-album cover). All my albums are set to public but hidden, and it looks rather weird that it all has the orange badge on each thumbnail.

Google AI said to add this to the custom CSS, but it didn't work:

/* Universal override for public badges across all root and sub-album containers /
.album-thumb .badge-public,
.album-card .badge--public,
.sub-albums .badge,
.album-grid [class="badge-public"],
[data-template="sub-album"] [class*="badge"],
svg[class*="public-eye"],
.public-eye {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}

[ildyria]

I am currently redoing the front-end, so I guess it is even better if I give you a toggle in settings whether to show some flags ? :)

[rayearth2162-ship-it]

I was looking for such a toggle in the settings haha! Yes that would be great.

Currently the badges are useful if certain albums are hidden/public, but if it is applied universally to all album covers, it looks quite intrusive to othewise a great looking gallery!

[rayearth2162-ship-it]

This Custom CSS worked - but very aggressive, as it pretty much removes all badges (not just the public-but-hidden ones on album covers):

/* 1. Target and wipe out the absolute position badge wrappers /
div[class="badge"],
span[class*="badge"],
.album-thumb [class*="badge"],
.album-card [class*="badge"],
.sub-albums [class*="badge"] {
display: none !important;
}

/* 2. Target specific SVGs matching an 'eye' or 'globe/world' path shape /
svg[fill="none"] path[d="M2.036"],
svg[fill="none"] path[d*="M15"],
svg path[d*="M12 21a9"],
svg path[d*="M3.055"] {
display: none !important;
}

/* 3. Catch generic absolute overlay icons inside grid items /
.sub-albums svg,
.album-grid svg[class="eye"],
.album-grid svg[class*="globe"] {
display: none !important;
}

[ildyria]

Here we go: #4542