Skip to content

Refactor: Moved repeated inline styles in contributor details to CSS classes#577

Open
Rohan-Ver-ma wants to merge 1 commit intojenkins-infra:mainfrom
Rohan-Ver-ma:refactor/contributor-details-inline-style-classes
Open

Refactor: Moved repeated inline styles in contributor details to CSS classes#577
Rohan-Ver-ma wants to merge 1 commit intojenkins-infra:mainfrom
Rohan-Ver-ma:refactor/contributor-details-inline-style-classes

Conversation

@Rohan-Ver-ma
Copy link
Copy Markdown

Description

This PR cleans up repeated inline styles in the contributor details template and moves them into the existing stylesheet.

I noticed we were repeating the same link-reset styles and circle image styles in a few places inside the template. It worked, but it made the JSX noisier and harder to maintain. This change keeps the exact same behavior and visuals, just with cleaner structure.

What changed:

Refactoring Summary

  • Replaced repeated inline styles on Gatsby elements with reusable CSS classes:
    contributor-details-link-plain
    contributor-details-link-reset
  • Replaced repeated inline image styles
    (e.g., object-fit: cover, border-radius: 50%) with:
    contributor-details-circle-image
  • Added these class definitions in:
    contributor-details.css
  • Updated component usage in:
    contributor-details.jsx

Checklist

  • PR title is clear and descriptive
  • Changes follow project conventions
  • No unrelated changes included
  • No UI/UX change intended

@Rohan-Ver-ma Rohan-Ver-ma requested a review from a team as a code owner March 21, 2026 18:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant