Cutlery/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-09 03:04:54 -04:00
Code Issues Packages Projects Releases Wiki 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
Show Stats 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 { .d-inline {
& > p { & > p {
display: inline; 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) { if (fraction[1] > 0) {
returnQty += includeFormating ? 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]}`; ` ${fraction[1]}/${fraction[2]}`;
} }
} }