mattermost-community/focalboard

Bug: Card properties missing bottom margin

Open

#4832 opened on Apr 13, 2023

View on GitHub
 (3 comments) (0 reactions) (1 assignee)TypeScript (26,187 stars) (2,542 forks)user submission
Help Wanted

Description

Steps to reproduce the behavior

  1. Open a board with cards with properties
  2. The card property doesn't have a bottom margin to the user icon

Expected behavior

There's a bottom margin

Screenshots (optional)

Edition and Platform

  • Edition: Mattermost Boards (plugin)
  • Version: 7.10 (Community)
  • Browser and OS: Chrome on Mac

Contributor guide

Tech stack
typescriptreactcss
Domain
frontend
Issue type
bug
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.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
basic CSSfamiliarity with React components
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
90
Research direction
Add a bottom margin to the card property element. Look at the CSS for card properties, likely in a styled component or CSS module. Check the card component rendering to ensure the margin is applied after the property section. Review similar card styling for consistency.