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.

`*-half` icons should have consistent filled side

See original GitHub issue

All of the fill’ed versions of icons should be consistently filled on the left side.

Some filled Icons have the right side filled, where as the majority are left filled (ie. diamond, circle, triangle and square should be left filled)

Perhaps all *-half fill icons should be filled on the left, and maybe have an alt *-half-right version filled on the right?

Use-case example: ratings widget which shows #.5 rating. LTR would use the default half icon (*-half), while RTL could use the *-fill-right version). Typically users would want the star icons, but may use other icons for this purpose.

/cc @mdo

(context: working on a rating component that allows users to select their base icon, and noticed the inconsistent half side being filled)

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
mdocommented, May 19, 2020

Addressed in #249. I never actually exported the new half icons, sorry! And I’ve added book to the mix, too, since I had previously only done the shapes.

Screen Shot 2020-05-19 at 3 21 40 PM

1reaction
mdocommented, Mar 24, 2020

Have fixed this in Figma and will re-export for the the next alpha. Good call.

Read more comments on GitHub >

github_iconTop Results From Across the Web

UI cheat sheet: Icon categories + icon style reference guide
Sharp icons are often based on their brethren, the glyph/filled/solid icons, except these ones have sharp edges. While most icons have a slight ......
Read more >
Desktop icons move from main screen to extended screen ...
I have all my desktop icons arranged on the laptop screen which is set to be Main Display. New Problem: When I plug...
Read more >
Layout - Foundations - Human Interface Guidelines - Design
Using a consistent layout that adapts to various contexts makes your experience more approachable and helps people enjoy their favorite apps and games...
Read more >
What the Half-Moon Icons Mean on Your iPhone
The half-moon icon on your iPhone means you've enabled Do Not Disturb, or muted a specific conversation in Messages. Here's what you need...
Read more >
How to customise presentation icons in PowerPoint
Remove the outline colour and pick your fill colours. Colours that are one shade apart work well for this style. The icon must...
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