futurice / futurice/process-arrow

Perfectly rendering arrow

Open
#6 2 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
HTML
Stars
8
Forks
2
PR merge metrics
No merged PRs in 30d

Description

We aspire the arrow to actually consist only of a single piece. This may not be possible, but at the very least the arrow should not be susceptible to sub-pixel rendering issues like it is now.

![screenshot_2014-08-05-15-55-49_crop](https://cloud.githubusercontent.com/assets/677396/3823687/c1398e8c-1d3c-11e4-8cc0-cfa4b825e04a.png)
Screenshot of current rendering issue on Chrome Beta for Android (37).

Possible solution might be to use inline SVG. SVG as background/ probably won't work because fill color needs to be set by CSS.
## Requirements for a better arrow
- Color set by CSS, like it is now
- No (even zero-pixel) gaps that show upon zooming in touch devices
- No overlapping parts (for rgba/hsla color support)
- Top/bottom edge width 100% of the container

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.