How to have overlapping elements? about few.swift

[Adlai-Holler]

Help me @joshaber, you're my only hope🔰

[joshaber]

Sorry, I've been out of town! Try using a negative margin or padding. I'll try recreating that tomorrow.

[joshaber]

Yup, a negative margin will do the right thing. Here's a rough version of that layout:

Element()
    .direction(.Column)
    .justification(.Center)
    .children([
        Element().height(90).children([
            View(backgroundColor: .grayColor()).width(32),
            View(backgroundColor: .blackColor(), cornerRadius: 20).width(40).height(40).margin(Edges(left: -10)).selfAlignment(.Center),
            Element().selfAlignment(.Center).direction(.Column).flex(1).children([
                Label("Lorem Ipsum"),
                Label("Dolor"),
            ]),
            View(backgroundColor: .blackColor()).width(30).height(30).selfAlignment(.Center).margin(Edges(right: 10))
        ])
    ])

[joshaber]

[Adlai-Holler]

Beautiful, thanks.