Describe the reason for these changes and the problem that they solve
This changeset attempts to improve the appearance and legibility of ingredient description lines within the search results.
Previously, the default colour for text in ingredient lines was the HTML CSS colour gray, resulting in relatively low-contrast text. Product names within the text were displayed differently (in black, usually -- with the exception of search terms, coloured green) to distinguish them from the surrounding descriptive text.
Instead, it seems better to use a single colour for all text within ingredient lines. To achieve annotation/highlighting of product names, we instead use underlines. Search terms are displayed with an orange underline, and other product names are underlined with a gray underline.
Before
After
Briefly summarize the changes
Rectify / cleanup a few CSS rules and element names (and their associated RecipeML processing)
Use underlines instead of font styling to identify products within ingredient lines
Describe the reason for these changes and the problem that they solve
This changeset attempts to improve the appearance and legibility of ingredient description lines within the search results.
Previously, the default colour for text in ingredient lines was the HTML CSS colour
gray
, resulting in relatively low-contrast text. Product names within the text were displayed differently (inblack
, usually -- with the exception of search terms, colouredgreen
) to distinguish them from the surrounding descriptive text.Instead, it seems better to use a single colour for all text within ingredient lines. To achieve annotation/highlighting of product names, we instead use underlines. Search terms are displayed with an
orange
underline, and other product names are underlined with agray
underline.Before
After
Briefly summarize the changes
How have the changes been tested?