The-Balance-FFXIV / balance-static

Rendered guide(s) at your fingertips

Home Page:https://www.thebalanceffxiv.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Horizontal Images Broken Most Guides- Editor?

MlleCanary opened this issue · comments

commented

Hello, attaching some pictures to make this make sense, hopefully.
So the GNB mentors pointed out that their skill combos are now rendering vertically rather than horizontally. Nothing was changed with the markdown so I have to assume it's something on the backend. I tried several things in the editor to see if I could get it to render; if I add spaces between them, I get the first two vertical but the last image keeps getting pulled in with the one before it and not rendering at all. If I had a break, it ends up with two horizontal and one vertical.

I can code them to float with HTML/CSS but that seems to be the most work possible, esp. if y'all can figure out what broke in the last 24 hours with the editor.
Original Issue: gnbissue
.
What I see in editor:
Rich Text (which looks like the editor is trying to combine all three images into one)
image

Markdown (nothing changed from yesterday in content)
image

commented

@MlleCanary there is a way to solve this using Markdown. It is by using tables.

| | | |
|-|-|-|
|![KeenEdge](/img/jobs/tanks/gunbreaker/Keen_Edge.png) | ![BrutalShell](/img/jobs/tanks/gunbreaker/Brutal_Shell.png) | ![SolidBarrel](/img/jobs/tanks/gunbreaker/Solid_Barrel.png)|
commented

Now using the table workaround. Whatever is going on with the horizontal images remains going on with the horizontal images.
image

commented

@MlleCanary Just a heads up, when we eventually style the markdown tables, the styling may affect this table. I didn't realize that till I saw the new frontend mockups for markdown styling. We'll see how it turns out and think of something. Really sorry.

commented

Hopefully by then the horizontal image thing can be fixed with something other than a table (which is why I haven't closed this issue yet :)

commented

This has been partially resolved using tags and more markdown which allows inline. It does not make it simple or intuitive, but it at least works.

See Glam PR 234