question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Icon Doc page inconsistencies

See original GitHub issue

Edit: Looks like a couple of the icon issues have been reported here too: https://github.com/Semantic-Org/Semantic-UI/issues/6175. That being said, there are still a lot of other issues I mention below

Love the new addition of Font Awesome 5 to SUI! Very nice work! However, I was looking through the categories and noticed several inconsistencies between the Semantic UI Icons doc page and the documentation on Font Awesome’s website.

  • The accessible icon (the modern wheelchair icon) is missing from Accessibility, Health, Users and People, and Vehicles categories (it’s in the ‘Brands’ section only on the SUI doc page, it would be nice to include it in these other categories)
  • The youtube icon is missing from the Audio & Video section
  • The Chess Rook icon is misspelled in SUI, it has chess rock, it should be chess rook
  • The ‘Currency’ category icons have several inconsistencies, Bitcoin and others aren’t listed here
  • SUI has the user doctor icon instead of user md like in Font Awesome, maybe make an alias so users could use either
  • The ‘Payments’ category icons also have several inconsistencies, amazon and apply pay are missing as well as many others

I also found several other icons that appear to be inaccurate on the docs page. I’ve attached images of them.

Thanks so much and let me know if I can help in any way or if you want me to submit a PR for these. Are the main SUI documentation pages something we can submit PR’s for?

Best, -Justin

These are the incorrect icons: screen shot 2018-02-21 at 12 09 54 pm screen shot 2018-02-21 at 12 10 42 pm screen shot 2018-02-21 at 12 16 42 pm screen shot 2018-02-21 at 12 16 55 pm screen shot 2018-02-21 at 12 17 09 pm

These are what they should look like based on the FA 5 docs: screen shot 2018-02-21 at 12 48 06 pm screen shot 2018-02-21 at 12 48 41 pm screen shot 2018-02-21 at 12 49 15 pm screen shot 2018-02-21 at 12 49 36 pm screen shot 2018-02-21 at 12 49 40 pm

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
xaerosevencommented, Feb 21, 2018

😄 No worries, I bet! You did a great job though! Kudos!

Yeah, it looks like you fixed the arrows alternate horizontal, arrows alternate vertical, and the exchange alternate. It looks like the code, code branch, file code, and file code outline aren’t mentioned in that new PR https://github.com/Semantic-Org/Semantic-UI/pull/6181 though.

Let me know if you have any questions on the others and thanks for the swift reply! You’re crushing it @hammy2899 👍

2reactions
jlukiccommented, Feb 22, 2018

This will be out before Friday with @hammy2899’s work

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bad Icons: How to Identify and Improve Them
One bad icon hurts user interaction. A set of bad icons is worse because it amplifies confusion, adds clutter, and wastes screen real ......
Read more >
Three ways to expose formatting inconsistencies in a Word ...
Whether you're sharing new documents or revamping old ones, these three tools can reveal troublesome formatting problems.
Read more >
Understanding Success Criterion 3.2.4: Consistent Identification
A document icon is used to indicate document download throughout a site. ... The following are common mistakes that are considered failures of...
Read more >
Less… Is More? Apple's Inconsistent Ellipsis Icons Inspire ...
An ellipsis following a menu item means that choosing that item will result in a dialog, rather than an action being performed immediately....
Read more >
4 Managing Discrepancies - Oracle Help Center
Once the discrepancy has been closed then the CRF icon will no longer appear as ... On the Patient Casebooks page and the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found