Improve lists readability on recipe page #550

New Issue

basebuilder · 2024-01-12T15:20:27Z

basebuilder commented

2024-01-12 15:20:27 +00:00

Currently the metadata and instructions on the Recipe page are unstyled lists with black bullet points.

For the Quick Start section, a list is good, but I think ideally the metadata should exist in a <table> as when done right it would be nicer looking and quicker to visually parse with aligned columns.

As a more minor improvement, simple appending class="list-unstyled" I think achieves a bit of a visual improvement like:

I'm happy to send a pull-req to the recipes.coopcloud.tech repo if you agree and like!

Currently the metadata and instructions on the Recipe page are unstyled lists with black bullet points. ![Screenshot 2024-01-12 at 15-56-12 hugo – Co-op Cloud Recipes.png](/attachments/944b41c3-344f-444c-95a3-9faa1502df49) For the **Quick Start** section, a list is good, but I think ideally the metadata should exist in a `<table>` as when done right it would be nicer looking and quicker to visually parse with aligned columns. As a more minor improvement, simple appending `class="list-unstyled"` I think achieves a bit of a visual improvement like: ![Screenshot 2024-01-12 at 16-04-06 hugo – Co-op Cloud Recipes.png](/attachments/b130e92d-5b1e-428f-9aa9-d252156129d3) I'm happy to send a pull-req to the [recipes.coopcloud.tech](/coop-cloud/recipes.coopcloud.tech) repo if you agree and like!

Screenshot 2024-01-12 at 15-56-12 hugo – Co-op Cloud Recipes.png

64 KiB

Screenshot 2024-01-12 at 16-04-06 hugo – Co-op Cloud Recipes.png

72 KiB

👍 1

basebuilder changed title from ~~Improve readability on Recipe page~~ to Improve lists readability on Recipe page

2024-01-12 15:23:09 +00:00

basebuilder self-assigned this 2024-01-28 12:05:16 +00:00

basebuilder added the

recipes.coopcloud.tech

label 2024-02-05 19:07:21 +00:00

basebuilder changed title from ~~Improve lists readability on Recipe page~~ to Recipes: Improve lists readability on recipe page

2024-02-05 19:07:33 +00:00

basebuilder added this to the Improvements to Websites milestone 2024-02-06 11:06:30 +00:00

3wordchant commented

2024-02-10 21:26:24 +00:00

I agree a table would be nicer for metadata.

As a more minor improvement, simple appending class="list-unstyled" I think achieves a bit of a visual improvement like:

I slightly prefer the original, but fine with this change if you have a strong preference.

Worried it might be kind of nightmarish to parse and edit HTML in Elm, but if you're feeling inspired then go for it!

I agree a table would be nicer for metadata. > As a more minor improvement, simple appending `class="list-unstyled"` I think achieves a bit of a visual improvement like: I slightly prefer the original, but fine with this change if you have a strong preference. Worried it might be kind of nightmarish to parse and edit HTML in Elm, but if you're feeling inspired then go for it!

decentral1se changed title from ~~Recipes: Improve lists readability on recipe page~~ to Improve lists readability on recipe page

2024-03-27 06:20:37 +00:00

Sign in to join this conversation.

No Milestone

No project

No Assignees

2 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: coop-cloud/organising#550