nostalgic-css/NES.css

Icons render wrong when you zoom in and out on Chrome

Open

#427 aperta il 2 giu 2020

Vedi su GitHub
 (4 commenti) (3 reazioni) (0 assegnatari)CSS (1294 fork)batch import
bughelp wanted

Metriche repository

Star
 (15.232 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Describe the bug When you zoom in on a page that has icons from nes.css on it, the icons begin to show with white grid lines in between them as if the squares used to make them aren't touching anymore.

To Reproduce

  1. Go to https://nostalgic-css.github.io/NES.css/ and view the icons.
  2. Zoom in (and out at different percentages) on the browser.
  3. View icons rendered with gaps.

Expected behavior Icons should be rendered similar to how they get rendered at 100% zoom. Screen Shot 2020-06-02 at 5 15 19 PM

Environment:

  • OS: Mac
  • Browser: Chrome
  • Build environment (i.e. NodeJS): N/A

Suggestion(s) for fixing this issue Unfortunately I don't know much about rendering graphic

Additional context Love NES.css!

Guida contributor

Direzione di ricerca
Analizza l'implementazione delle icone di NES.css, probabilmente nel file `nes icons.scss` o simile. Il problema potrebbe derivare da un disallineamento della griglia di pixel a livelli di zoom diversi dal 100%. Considera l'aggiunta di `image rendering: pixelated` agli elementi icona e assicurati che tutti i valori di dimensione siano interi. Controlla se eventuali PR o commenti esistenti forniscono una soluzione. Testa su diversi livelli di zoom in Chrome.
Tech stack
csshtml
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Basic CSS knowledge
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65