View Issue Details
| ID | Project | Category | View Status | Date Submitted | Last Update |
|---|---|---|---|---|---|
| 0003412 | HTML & PERL | Feature Request | public | 2020-01-23 18:18 | 2020-01-23 19:24 |
| Reporter | CDB-Man | Assigned To | |||
| Priority | normal | Severity | minor | Reproducibility | N/A |
| Status | new | Resolution | open | ||
| Summary | 0003412: HTML tags: Expand tagging of class=restricted on Similar Anime and other pages | ||||
| Description | On https://anidb.net/latest/anime/similar/ we have: <td class="thumb anime restricted"> [...] <img alt="Trouble Evocation" src="https://cdn-us.anidb.net/images/65x100/153263.jpg-thumb.jpg" class="g_image g_bubble thumbcrop restricted"> The td element has .restricted, so that selectors such as: .restricted #imagepreview img { display: none !important; } Will hide the imagepreview of restricted images. === But on: https://anidb.net/anime/528/similar <div class="g_bubble" id="sa3988"> The .restricted class is missing on the enclosing element, so the imagepreview is not captured. ==== Solutions: 1. Add .restricted to the parent element (the containing div in the case of similar anime page) for this page and other pages; OR 2. Also add .restricted to the imagepreview's image itself, so that the selector "#imagepreview img.restricted" works. The 1st option is preferred, as this also allows for example highlighting the bubble black or something to show the entry is 18+; also it's consistent with current layouts. | ||||
| Tags | No tags attached. | ||||
![https://cdn-us.anidb.net/images/65x100/153263.jpg-thumb.jpg"](https://cdn-us.anidb.net/images/65x100/153263.jpg-thumb.jpg"){kind=link}