Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Columns not getting aligned. #2103

Open
rajatsonibkn2002 opened this issue Oct 31, 2024 · 0 comments
Open

Columns not getting aligned. #2103

rajatsonibkn2002 opened this issue Oct 31, 2024 · 0 comments

Comments

@rajatsonibkn2002
Copy link

How can we reproduce this bug?
Try writing a code with 4 rows, and every rows containing 4 columns, with 2 columns of 2, and other 2 of 4.

Write out the HTML (or Inky code) that causes the issue.
<row class="collapse collapse--bottom"> <columns large="2" small="2"> <p class="radisson_confirmation__key-text margin-bottom--4">Guest Name</p> </columns> <columns large="4" small="4"> <p class="radisson_confirmation__value-text margin-bottom--4"> Rajat </p> </columns> <columns large="2" small="2"> <p class="radisson_confirmation__key-text margin-bottom--4">Room No.</p> </columns> <columns large="4" small="4"> <p class="radisson_confirmation__value-text margin-bottom--4"> 201 </p> </columns> </row>

What did you expect to happen?
I expected that all the keys should align irrespective of empty value or not.

What happened instead?
In case some values are not present, for a single key, then the columns don't get aligned. I have attached a screenshot.
image

What email clients does this happen in?
Happens in all clients.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant