search

YodaSpow / emailStudio

0 stars 0 forks source link

Proof of Principle for TD Align inconsistent copy that break below Situ layouts #11

Open YodaSpow opened 5 years ago

YodaSpow commented 5 years ago

Is your feature request related to a problem? Please describe. All text sections that have 2 or 3 columns, and additional CTA that do not align horizontally

Describe the solution you'd like

  1. Inner HTML height of TD with Lorem ipsum text which is the longest is used as the new height for the shortest when in situ layouts (Desktop views) - Not a problem on mobile - .hA (mobile height Auto)

  2. How this is done in Liquid Ruby? - can jquery be used as part of the logic? for the height inject for the relevant TD per module as a variable?

Codepen proof of principle example: https://codepen.io/spowart/pen/yWrrEE?editors=0010

Before 15a

After 15

JoonDrums commented 5 years ago

Again I will leave this for you to resolve within your own code base. But my advise would be you want both the button and the column bottoms t both align - so realistically you will need to control two heights. Height before the button, and height for the button + caveat.