Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Color pickers can get obscured offscreen at smaller resolutions

Ouverte
#199 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
45/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
javascript
Domaine
frontend

Piste de recherche

Reproduisez les mises en page du sélecteur de couleurs à 640px et autour de 620px, y compris les sélecteurs Toolbar Icons and Text et Theme Texture montrés dans les images de l’issue. Suivez à partir de là la mise en page responsive de l’UI ; c’est terminé lorsque les contrôles du sélecteur restent utilisables sans rognage, champs de saisie qui disparaissent ni défilement horizontal.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

Priority: p4 stretch

Per https://github.com/mozilla/Themer/pull/188#issuecomment-375017091


There is some cropping of the color pickers at 640 where the panel floats slightly off screen. Not sure if that is fixable, or even worth fixing. Stuff doesn't start breaking until around 620px wide, where the "B" text input disappears off the right edge.

themer640

Similar stuff happens (to lesser degree) for the "Toolbar Icons and Text" color picker on the left side of the UI, were the "Hex" text input and color chips float slightly off the edge, but is still usable:

firefox_themer_640b

Probably the most problematic is the Theme Texture picker, since it causes some horizontal scrollage.

firefox_themer_theme_texture

firefox_themer_-dual_scrollage

Langage dominant
JavaScript
Étoiles
506
Forks
100
Métriques de merge des PR
Aucune PR mergée en 30 j

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de mozilla/FirefoxColor

Toutes les issues de mozilla/FirefoxColor

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.