Enhance Do's/Don'ts

fsamveljan

Hey, @Ragnar hope you're doing great!

Any update on this topic?

dawid

Any updates on this? Especially with the part of having two dos or two don't in the same row

NMyklebust

@Ragnar Another comment on Do's / Don'ts. It seems like they're vertically sized by the height of their contents, but aren't using something like flexbox stretch to make the boxes the same size, therefore they won't sit on the same baseline unless the images and text are exactly the same, which makes the bottom alignment off.

chipcarroll

NMyklebust Yeah this is no what we want visually also. Im having to make the content the same size even if that means baking in more whitespace into the embed or graphic.

nic

Hey chipcarroll , NMyklebust & everyone else following this post!

Just a quick update to say we're looking at improvements to Do's and Don'ts in the coming weeks, starting with some of the alignment challenges and then looking beyond that.

I'll keep this thread up to date with any changes we make, as well as all our usual channels for announcing releases.

NMyklebust

nic Awesome, thank you!
Here's another example from Decathlon I came across where this is wonky:

Robert

Hey everyone, as Nic mentioned above we've been looking at Dos and Don'ts improvements recently. We would love to chat to people about the feature, as well as show some of the ideas we've been exploring. If you'd be interested in doing this you can book time in my calendar over the next few days.

dawid

Robert One thing that would be great for us - choosing if you want to have solid color background or only a color outline, so gray background and green/red (darker) outline around the box, not design. That would be better for colorful images.

nic

Hey everyone following this thread, just a quick update to say that we recently released some changes to improve the visual presentation of Do's and Don'ts.

Changes released so far:

You can now add captions to images — this is also used as alt text for the images and design uploads
Different sized images or design uploads will no longer throw off the vertical alignment
We removed the outer border to declutter the UI and remove the problem of misalignment (shown above) where there are a different number of lines of text

There's more to come on Do's and Don'ts and I'll keep this thread updated 😀

snds-zuora-117

nic Any possibility of disabling one side or the other or offering "warning" modules?

nic

snds-zuora-117 Yeah we're actually exploring both of those options at the moment! We're also working on more layout options to allow for full-width blocks — expect to see and hear more on this in the coming weeks 👍️

Robert

dawid That's not something we've considered, but certainly an interesting approach. We do currently offer the option for a gray background rather than the green or red in case you haven't tried that yet?

dawid

Robert Yep it works good 👍 Outline would add a little bit more emphazie, but it's still good enough for now.

nic

Hey folks 👋 You might have seen that we recently released some updates to Do's and Don'ts, including a full-width option and a new 'Caution' state — you can find a full rundown of what's new here 🎉

Roman

Hi Guys,
since I do not want to open a new thread I will answer on this one.
Thanks for bringing the new RULES online.
There are a lot of cases, where we tackle 1-10 different Do's or Dont's. Richtext would be a great enhancement for the description section or at least the ability for

a bullet list,
bold text,
link or
numbered list.
I am looking forward for this feature enhancement! 😀

nic

Hey Roman thanks for that -- makes perfect sense, I'll add it to our feedback tracker and will keep this thread updated with any changes 😃