bytechefhq/bytechef

[improve]: Emphasize odd rows in list views

Ouverte

#1 279 ouverte le 29 juil. 2024

Voir sur GitHubGuide contributeur
 (4 commentaires) (0 réaction) (3 personnes assignées)Java (156 forks)auto 404
designfrontendgood first issuehacktoberfest

Métriques du dépôt

Stars
 (907 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

Improvement target

User interface views that display results in the list should differentiate odd and even rows. Particular views like All Projects, if workflows are expanded are quite difficult to anticipate.

Improvement description

UX improvement is:

  • invert even row white background to rgba(243, 244, 246)
  • invert even rgba(243, 244, 246) background around project version to white
  • odd rows should remain styling as it is now
  • make sure that background of project's nested expanded workflows inherits project row styling
  • make sure that hoover functionality is preserved (hoover-ed background color seems to work fine) See image: Screenshot 2024-07-29 at 18 00 55 Apply same in other views like All connections or All Executions: Screenshot 2024-07-29 at 18 04 54

Observed Version

2.3.1

Guide contributeur

Direction de recherche
Modifiez le CSS pour appliquer des couleurs alternées aux lignes dans les vues de liste (impaires/paires). Assurez vous que les effets de survol sont préservés et que les éléments imbriqués héritent du style de ligne. Appliquez la même modification à d'autres vues de liste comme Toutes les connexions et Toutes les exécutions.
Stack technique
Aucun
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80