Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refactor container styles to NL DS #592

Merged
merged 6 commits into from
Nov 10, 2023

Conversation

sergei-maertens
Copy link
Member

Partly closes open-formulieren/open-forms#3178

Requires open-formulieren/design-tokens#42

The Layout* components are gone and replaced by what is actually required, with nice maintainable CSS 🎉

@sergei-maertens sergei-maertens force-pushed the refactor/3178-page-styles-to-nlds branch from 6b38221 to 755aaa1 Compare November 9, 2023 15:26
Copy link

codecov bot commented Nov 9, 2023

Codecov Report

Attention: 1 lines in your changes are missing coverage. Please review.

Comparison is base (5d50035) 71.65% compared to head (beda0b4) 71.27%.

❗ Current head beda0b4 differs from pull request most recent head 1bbea1e. Consider uploading reports for the commit 1bbea1e to get more accurate results

Additional details and impacted files
@@            Coverage Diff             @@
##             main     #592      +/-   ##
==========================================
- Coverage   71.65%   71.27%   -0.38%     
==========================================
  Files         212      211       -1     
  Lines        4301     4286      -15     
  Branches     1164     1161       -3     
==========================================
- Hits         3082     3055      -27     
- Misses       1184     1196      +12     
  Partials       35       35              
Files Coverage Δ
src/components/App.js 100.00% <100.00%> (+4.54%) ⬆️
src/components/AppDisplay.js 100.00% <100.00%> (ø)
src/components/Form.js 33.05% <100.00%> (ø)
src/components/FormDisplay.js 70.00% <100.00%> (+10.00%) ⬆️
src/components/Summary/GenericSummary.js 52.63% <100.00%> (+5.26%) ⬆️
src/components/appointments/ManageAppointment.js 100.00% <ø> (ø)
src/story-utils/decorators.js 85.00% <100.00%> (ø)
src/components/Summary/CosignSummary.js 6.06% <0.00%> (ø)

... and 4 files with indirect coverage changes

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Remove the Layout component usage and instead go for direct styles,
making it easier to override the component too as it's more
straight forward.
…ss indicator

Using CSS grid we can more easily adapt to different viewports to put
elements in their right place.
Sayonara and good riddance.

This component had become an unmaintainable mess - while the actual
layout challenges are easily fixed with some appropriate flexbox/grid
layouts in the few places where containers are set up.
@sergei-maertens sergei-maertens force-pushed the refactor/3178-page-styles-to-nlds branch from 755aaa1 to 3446b61 Compare November 10, 2023 08:58
@sergei-maertens sergei-maertens merged commit 0890c27 into main Nov 10, 2023
10 checks passed
@sergei-maertens sergei-maertens deleted the refactor/3178-page-styles-to-nlds branch November 10, 2023 10:57
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.

Update/refactor backend container styles
2 participants