Non-standard/Deprecated icons are not consistent
See original GitHub issueSummary
The entire page and compatibility section uses different icons for the same ‘Non-standard’ badge.
Same is the case with Deprecated
badge.
Same icon 👎🏻 has different meanings, in different sections on the same page.
URL
https://developer.mozilla.org/en-US/docs/Web/API/Window#browser_compatibility https://developer.mozilla.org/en-US/docs/Web/API/Window#methods
Reproduction steps
- Open the URL and search
mozpaintCount
property. - In properties section you’ll see assigned badges like this: Note: 👎🏻 => Non-standard 🗑 => Deprecated
- Now go to browser compatibility section. You’ll see: Note: 👎🏻 => Deprecated ⚠ => Non-standard
- Now open page https://developer.mozilla.org/en-US/docs/Web/API/Window/mozPaintCount . There you’ll see: Note: ❌ => Deprecated ⚠ => Non-standard
- Note, same icon 👎🏻 has different meanings, on the same page. The icons used are different for the same badges.
Expected behavior
Icons should be consistent across the entire site.
- 1. 🗑 should mean
Deprecated
everywhere on the website. Compatibility section and notecards need to be corrected. - 2. ⚠ should mean
Non-Standard
everywhere on the website. CSS ruleicon-nonstandard
needs to be corrected on main page. The icon 👎🏻doesn’t fit well here, and has negative tone.
Less severe issues:
- 3. Same icons should be used everywhere e.g. Experimental icon looks different everywhere: The flask is different for compatibility and main section.
- 4. Quick links sidebar has colored badges. Looks odd. Can we have same black and white badges there too?
- 5. Currently badge order is different at 3 places(mentioned in Steps to Reproduce section). For sake of consistency the badges should appear in same order every where e.g. deprecated -> experimental -> non-standard. Or the order can be decided based on the danger of using such APIs, i.e. deprecated are more harmful than experimental, cos they can creep into production easily, and so on.
Actual behavior
- Icon 👎🏻 represents different badges in main content(non-standard) and in browser compatibility(deprecated).
- Deprecated badge uses different icons ( 🗑, 👎🏻 , and ❌) at different places: main content, browser compatibility, and notecards.
- Icons have different flavors at different places. In quicklinks sidebar icons are colored.
Device
Desktop
Browser
Chrome
Browser version
Stable
Operating system
Windows
Screenshot
No response
Anything else?
No response
Validations
- I have read the Community Participation Guidelines.
- I have verified that there isn’t already an issue that reports the same bug to avoid creating a duplicate.
- I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.
Issue Analytics
- State:
- Created 2 years ago
- Comments:9 (9 by maintainers)
Top Results From Across the Web
shinydashboard some Font Awesome Icons Not Working
This is an older question, but the issue remains for me in July 2020. I found the solution in the github issues page....
Read more >Website icons are displayed as white boxes | Firefox Support Forum ...
All icons show up as blank white boxes, including Google Maps and Wunderground Map. ... Alpha-premult and y-flip are deprecated for non-DOM-Element uploads....
Read more >Important changes (deprecations) coming in Power Apps and ...
Effective October 2023, all existing logic apps using the deprecated legacy actions and triggers will cease to work. Users will need to review ......
Read more >On xlink:href being deprecated in SVG - CSS-Tricks
Deprecated since SVG 2 This feature has been removed from the Web standards. Though some. That's pretty strong language, hence the reader's ...
Read more >Release Notes - APEX - Oracle Help Center
In addition, APEX now only offers full releases and no longer provides ... Now, Region Image and Image Tag Attributes have been deprecated,...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
1-3 fixed by #5583
We are consistent now, and we’ll keep the colors until further notice.