-
-
Notifications
You must be signed in to change notification settings - Fork 627
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: Make fractions in the ingredient list look a tiny bit nicer #3725
fix: Make fractions in the ingredient list look a tiny bit nicer #3725
Conversation
… the spacing a bit more tight.
Would you be able to post some screenshots of before and after? I see a couple in the discussion, but a few more here would be nice. Also, can you show how this affects decimals/whole numbers? (if at all)
You can just mark this as ready (assuming it's ready) |
…o undesired side effects
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM. Small change to make the change consistent across pages
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks great, thanks!
Make fractions in the ingredient list look a tiny bit nicer by making the spacing a bit more tight.
What type of PR is this?
(REQUIRED)
What this PR does / why we need it:
(REQUIRED)
The goal of this PR is to make fractions in the ingredient list look a bit nicer. Only one file is changed:
frontend/components/Domain/Recipe/RecipeIngredientListItem.vue
: Added a CSS class to the quantity part of the ingredient item, and added some CSS to make the spacing in and around the fraction a bit tighter.Which issue(s) this PR fixes:
(REQUIRED)
Fixes #3724
Screenshots
Before
After