Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-04 04:55:21 +02:00
Code Issues Releases Activity

fix: Make fractions in the ingredient list look a tiny bit nicer (#3725)

Browse source
This commit is contained in:
Bart Kummel 2024-06-13 15:04:45 +02:00 • committed by GitHub
parent 4a0a8e8a5e
commit 9f7d74aecf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 19 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/components/Domain/Recipe/RecipeIngredientListItem.vue
View file

@ -45,6 +45,22 @@ export default defineComponent({
.d-inline {
& > p {
display: inline;
&:has(>sub)>sup {
letter-spacing: -0.05rem;
}
}
&:has(sub) {
&:after {
letter-spacing: -0.2rem;
}
}
sup {
&+span{
letter-spacing: -0.05rem;
}
&:before {
letter-spacing: 0rem;
}
}
}

2
frontend/composables/recipes/use-recipe-ingredients.ts
View file

@ -63,7 +63,7 @@ export function useParsedIngredientText(ingredient: RecipeIngredient, disableAmo
if (fraction[1] > 0) {
returnQty += includeFormating ?
` <sup>${fraction[1]}</sup>&frasl;<sub>${fraction[2]}</sub>` :
`<sup>${fraction[1]}</sup><span>&frasl;</span><sub>${fraction[2]}</sub>` :
` ${fraction[1]}/${fraction[2]}`;
}
}