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

Fix/172 css grid restyling #174

Merged
merged 25 commits into from
May 30, 2023
Merged

Fix/172 css grid restyling #174

merged 25 commits into from
May 30, 2023

Conversation

craigyu
Copy link
Collaborator

@craigyu craigyu commented May 29, 2023

Description

This PR removes the usage of !important for Grid and FlexGrid component. The front end was built to accommodate this !important override in the beginning so a lot of components need to be refactored in another issue.
To keep each PR small(fairly small), this one only refactored the Collection Step of the registration flow as an example.
To see the reason for this change please see #172 for detail.

Summary of changes

  • remove important for grid css in the component override file
  • refactor css styling for CollectionStep and SeedlotRegistrationForm
  • add button text and icon customization feature to SubmitModal component

Note:

Fixes #172

Type of change

Please delete options that are not relevant.

  • Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

Local testing

Checklist

  • I have read the CONTRIBUTING doc
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing unit tests pass locally with my changes
  • Any dependent changes have already been accepted and merged

Thanks for the PR!

Any successful deployments (not always required) will be available below.
Backend
Frontend
Oracle-API

Once merged, code will be promoted and handed off to following workflow run.
Main Merge Workflow

@craigyu craigyu requested a review from mgaseta May 29, 2023 17:22
@craigyu craigyu requested a review from RMCampos as a code owner May 29, 2023 17:22
@craigyu craigyu linked an issue May 29, 2023 that may be closed by this pull request
Copy link
Collaborator

@mgaseta mgaseta left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice job! Added only a few markups, and an overall question, shouldn't we separate the parent tree step implementation and focus just on the grid styling for this PR?

@craigyu
Copy link
Collaborator Author

craigyu commented May 30, 2023

As @mgaseta pointed out, this PR contains some changes for the parent tree step component which do not fit the scope of this issue. The reason being this task was branched out of the development of parent tree, in the future this practice will be avoided. For "efficiency" sake, these changes will be pushed to main this time.

@craigyu craigyu requested a review from mgaseta May 30, 2023 16:59
Copy link
Collaborator

@mgaseta mgaseta left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just another typo to fix and it's good to go!

@craigyu craigyu requested a review from mgaseta May 30, 2023 17:09
Copy link
Collaborator

@mgaseta mgaseta left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@craigyu craigyu merged commit 7c5867f into main May 30, 2023
@craigyu craigyu deleted the fix/172-css-grid-restyling branch May 30, 2023 17:32
DerekRoberts pushed a commit that referenced this pull request May 13, 2024
* fix: add prevent duplicate logic to orcahrd step

* fix: remove prevent duplicate orchard id logic

* fix: modularize things

* fix: add root to dockerfile dev

* feat: add DescriptionBox component

* feat: adjust description box styling

* fix: update carbon version

* fix: test link in notification box

* fix: remove !import for grid and refactor related code

* feat: add padding to page bottom

* fix: change where padding bottom is added

* feat: add btn text and icon customization feat to submit modal

* fix: update snapshot

* fix: add end of file lines

* fix: fix collection start date col size

* fix: update em to rem

* fix: add breakpoints to col

* fix: update to rem
DerekRoberts pushed a commit that referenced this pull request May 14, 2024
* fix: add prevent duplicate logic to orcahrd step

* fix: remove prevent duplicate orchard id logic

* fix: modularize things

* fix: add root to dockerfile dev

* feat: add DescriptionBox component

* feat: adjust description box styling

* fix: update carbon version

* fix: test link in notification box

* fix: remove !import for grid and refactor related code

* feat: add padding to page bottom

* fix: change where padding bottom is added

* feat: add btn text and icon customization feat to submit modal

* fix: update snapshot

* fix: add end of file lines

* fix: fix collection start date col size

* fix: update em to rem

* fix: add breakpoints to col

* fix: update to rem
DerekRoberts pushed a commit that referenced this pull request May 14, 2024
* fix: add prevent duplicate logic to orcahrd step

* fix: remove prevent duplicate orchard id logic

* fix: modularize things

* fix: add root to dockerfile dev

* feat: add DescriptionBox component

* feat: adjust description box styling

* fix: update carbon version

* fix: test link in notification box

* fix: remove !import for grid and refactor related code

* feat: add padding to page bottom

* fix: change where padding bottom is added

* feat: add btn text and icon customization feat to submit modal

* fix: update snapshot

* fix: add end of file lines

* fix: fix collection start date col size

* fix: update em to rem

* fix: add breakpoints to col

* fix: update to rem
DerekRoberts pushed a commit that referenced this pull request May 14, 2024
* fix: add prevent duplicate logic to orcahrd step

* fix: remove prevent duplicate orchard id logic

* fix: modularize things

* fix: add root to dockerfile dev

* feat: add DescriptionBox component

* feat: adjust description box styling

* fix: update carbon version

* fix: test link in notification box

* fix: remove !import for grid and refactor related code

* feat: add padding to page bottom

* fix: change where padding bottom is added

* feat: add btn text and icon customization feat to submit modal

* fix: update snapshot

* fix: add end of file lines

* fix: fix collection start date col size

* fix: update em to rem

* fix: add breakpoints to col

* fix: update to rem
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.

CSS Grid Restyling
2 participants