Vertical layout

[simenopsahl]

A vertical layout optimized for mobile devices would be nice.

An option to select the layout in the UI or YAML.
For example layout: vertical or layout: horizontal (default)

I tried to use card_mod and CSS, but I don't know of a way to get the desired result using just CSS

I made a mockup image

sankey-vertical.svg
sankey-vertical-transparent.png

[commentsonly]

@MindFreeze: sind you pointed this to me from another topic ..... yes indeed that would be nice, Good idea @simenopsahl asked for.
I could name a couple of cards which would benefit from being able to declare the orientation, not just sankey.
But it's one of the major ones for sure. Namehandling will be challenging fpr sure. Perhasp you should think of 2 layout declarations. One for the overall chart and another one for the names. Especially in the lower section it becomes tricky to use words with more but 3 chars in the end.

[simenopsahl]

Yes, it could become crowded depending on the text labels.
I made some edits.
One with vertical text, which might be the best solution.
sankey-vertical-text
One with the entity boxes and text staggered. This doesn't look quite right in my opinion, but it could be improved upon
sankey-vertical-staggered

Edit: The text labels might even be rotated just 45°
sankey-vertical-text45

[MindFreeze]

Vertical text - don't like it because we are trying to avoid rotating your phone.
Staggered - looks promising at first but not sure it is feasible at all.
45° - love it. Looks difficult to calculate dynamic size though. Will think about it

[MindFreeze]

Released in beta for now. I decided to keep the labels horizontal and shrinking for now. May change them in the future but don't have the time for that now. 'auto' layout logic may also need more work