Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Improve readability of order note #11674

Closed
nielslange opened this issue Nov 8, 2023 · 2 comments · Fixed by #11944
Closed

Improve readability of order note #11674

nielslange opened this issue Nov 8, 2023 · 2 comments · Fixed by #11944
Assignees
@nielslange
Labels
focus: accessibility The issue/PR is related to accessibility. focus: global styles Issues that involve styles/css/layout structure. team: Rubik type: cooldown Things that are queued for a cooldown period (assists with planning). type: enhancement The issue is a request for an enhancement. type: good first issue The issue is a good candidate for the first community contribution/for a newcomer to the team.

Comments

@nielslange
Copy link
Member

nielslange commented Nov 8, 2023 •
edited
Loading

Is your feature request related to a problem? Please describe.

Currently, the values within the table on the order confirmation template are right aligned. This impacts the readability of the values.

Describe the solution you'd like

In #11674 (comment), @elizaan36 suggested creating a new section for the order note.

Screenshots

Current alignment:

Screenshot 2023-11-08 at 16 00 58 		Proposed alignment:

image
@nielslange nielslange added type: enhancement The issue is a request for an enhancement. focus: accessibility The issue/PR is related to accessibility. type: good first issue The issue is a good candidate for the first community contribution/for a newcomer to the team. focus: global styles Issues that involve styles/css/layout structure. labels Nov 8, 2023
@elizaan36
Copy link

hi @nielslange Thanks for bringing this up, it doesn't look great. The order confirmation template needs some work but in the meantime rather than changing the alignment of the full table we could create a new section for the order note.

image

Thoughts?

@nielslange
Copy link
Member Author

Thanks for your reply, @elizaan36. Your design proposal sounds good. I'll update the description accordingly.

@nielslange nielslange added the type: cooldown Things that are queued for a cooldown period (assists with planning). label Nov 24, 2023
@nielslange nielslange self-assigned this Nov 24, 2023
@nielslange nielslange changed the title Improve readability of order confirmation template Improve readability of order note Nov 27, 2023
@nielslange nielslange mentioned this issue Nov 27, 2023
Merged
14 tasks
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@nielslange nielslange

Labels
focus: accessibility The issue/PR is related to accessibility. focus: global styles Issues that involve styles/css/layout structure. team: Rubik type: cooldown Things that are queued for a cooldown period (assists with planning). type: enhancement The issue is a request for an enhancement. type: good first issue The issue is a good candidate for the first community contribution/for a newcomer to the team.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Improve readability of order note woocommerce/woocommerce-blocks
3 participants
@nielslange @elizaan36 @senadir