Skip to content

Replace inline style objects with CSS classes in contributor and search components #568

@Rohan-Ver-ma

Description

@Rohan-Ver-ma

Several inline style objects are currently used in JSX for layout and visual styling. This makes components harder to scan and increases style object recreation during render. We should move these styles into existing CSS files while preserving the current UI behavior.

Scope:

[ContributorCard.jsx]
[contributors.css]
[SearchResults.jsx]
[search-result.css]

Current behavior:

  • Inline styles are present for the card link/meta row in contributor cards.
  • Inline styles are present for the no-results state in search results.

Expected behavior:

  • Same visual output and interactions.
  • Styles moved to CSS classes only.
  • Minimal, focused diff with no feature changes.

Proposed fix:

  • Replace Link and metadata row inline styles in contributor card with dedicated classes.
  • Replace no-results inline style in search results with class-based dark/light variants.
  • Add only required class definitions in the existing CSS files.
  • Keep indentation and structure stable to avoid noisy diffs.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions