Embeds: more control over layout and field width

[philipaarseth]

I've been trying to make a two column layout for the past 3 days and it always looks weird.

Yes, you can use

{
   name: '\u200B',
   value: '\u200B',
   inline: true
}

BUT, it will still render an empty space either after or below.
Here we're trying to make a two column layout and A, B, C, D set to inline: true

Here's what it'll look like
Space field inline: true
AAA BBB ___
CCCC DDDD

Space field inline: false
AAAA BBBB

---

CCCC DDDD

What I want

AAAA BBBB
CCCC DDDD

Currently it does not seem possible to achieve, except for maybe faking having two rows like so:
AAAA BBBB
AAAA BBBB
but you'd have to start counting lines since to make sure 2nd row is aligned and it just seems so unnecessary.

If there is a way to do it with the current API, I'd be very interested in learning how.

[NovaFox161]

There is no current way to do that without putting a spacing field in (name and content being zero width spaces)

Embed styling is more of a loose suggestion, the client will always build it differently depending on screensize. But, mobile tends to just treat every field like inline=false even if there is room and inline is true.

I've peronally resorted to using the spacing field trick or figuring out what content would look good alone

So, for example
AAAA BBBB- true true
CCCCCCCCC - false
DDDD EEEE - true true

[philipaarseth]

Yeah, this is exactly what I outlined above and imo doesn't look that good as it has a humongous space between the first and second row.

[NovaFox161]

Yeah, I'm not sure if discord is going to change it anytime soon. I mean, mobile doesn't even respect the inline field at all even if there's plenty of room on the screen.

[philipaarseth]

I was reading discussions from 2019 & 2020, so yeah it's not a new problem. It's already a grid-based system, and they set the width by grid-column-start & grid-column-end so it should be fairly straight forward to implement like a wantedColWidth: number.

[AlmostSuspense]

Sounds like a duplicate of #3233

[philipaarseth]

Not having read through the whole thread, there's definitely some overlap, but I don't think simply forcing a new line will go far enough. I'd much rather have (in)direct access to the width of the columns.

Say you want to make a 70 / 30 two column layout, or a 50 / 25 / 25 three column layout.
Forcing a new line won't work for that.

Ideally there'd also be options for making the embed layouts work on mobile, instead of everything just being forced single column which looks kinda silly on big modern phones.

[AlmostSuspense]

oh i see how your request is different, my bad