openfoodfacts/openfoodfacts-server

NEW DESIGN: Update tables styles according to Figma mockup

Open

#7,411 opened on Sep 28, 2022

View on GitHub
 (7 comments) (0 reactions) (0 assignees)Perl (477 stars) (236 forks)batch import
CSSHacktoberfestgood first issue⏰ Stale🎨 Design🎨 New design

Description

What

  • Tables such as nutrition table should have the new styles.

Part of

  • #7295

Figma mockup

image

Contributor guide

Tech stack
csshtml
Domain
frontend
Issue type
feature
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.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
CSSHTMLFigma access
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Review the Figma mockup for table styles. Locate the CSS files for tables in the openfoodfacts server repository (likely in web/css or similar). Update the styles to match the mockup. Ensure consistency with other redesigned components. Check parent issue #7295 for design guidelines.