rubyforgood/mutual-aid

Clean up TileList css

Open

#100 opened on May 5, 2020

View on GitHub
 (5 comments) (0 reactions) (0 assignees)Ruby (60 forks)auto 404
Good First Issue

Repository metrics

Stars
 (55 stars)
PR merge metrics
 (PR metrics pending)

Description

For the TileList and TileListItems components, clean up the one-off CSS adjustments that are currently in use. Be systemic by replacing them with some custom spacing classes that currently live in custom-spacing.scss. There may also be ways to better leverage existing Vue and Buefy components. See the discussions in #75 for more info on how this has failed so far.

Also, if this cleanup can address the inconsistency noted in this screenshot from #82 that would be great: If anyone feels this is better addressed in a separate issue, that's fine, too.

Contributor guide

Research direction
Review the TileList and TileListItems components, examine the custom spacing.scss file, and understand how existing Vue/Buefy components are used to replace one off CSS adjustments.
Tech stack
vue
Domain
frontend
Issue type
Refactor
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
VueSCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75