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

Patternfly Catalog code is causing icon to be skewed

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

Personne n'a encore pris cette issue.

Évaluation

Difficulté
1/5
Temps estimé
Moins d'une heure
Accessibilité débutants
38/100
Type d'issue
Bug
Clarté
Clairement spécifiée
Activité
À l'abandon
Stack technique
scss, typescript
Domaine
frontend

Piste de recherche

Commencez par inspecter _catalog-tile.scss et les règles de .catalog-tile-pf-icon décrites dans l'issue, puis comparez les icônes de tuile de catalogue contraintes et attendues. C'est terminé lorsque l'icône n'est plus contrainte à la fois par la largeur et la hauteur et correspond aux proportions attendues.

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

Description

Describe the issue. What is the expected and unexpected behavior?
This piece of CSS is causing this issue -> Catalog tile Icon is skewed (https://bugzilla.redhat.com/show_bug.cgi?id=2029977)

File: _catalog-tile.scss

.catalog-tile-pf-icon { //from 
font-size: 40px;
height: 40px;
max-width: 60px;
min-width: 40px;
}

instead of

img is constrained on both width and height which should not happen

Please provide the steps to reproduce. Feel free to link CodeSandbox or another tool.

Is this a bug or enhancement? If this issue is a bug, is this issue blocking you or is there a work-around?
Bug. non blocking

What is your product and what release version are you targeting?
Openshift 4.10


Jira Issue: PF-2020

Langage dominant
TypeScript
Étoiles
3
Forks
14
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 patternfly/react-catalog-view

Toutes les issues de patternfly/react-catalog-view

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

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