Maynards Comments - Answer Overflow

Maynards

Posts Comments

KPCKevin Powell - Community

•Created by Maynards on 2/1/2024 in #front-end

Is it possible to have a child element's height even across cards with CSS only?

15 replies

KPCKevin Powell - Community

•Created by Maynards on 2/1/2024 in #front-end

Is it possible to have a child element's height even across cards with CSS only?

Love that one

15 replies

KPCKevin Powell - Community

•Created by Maynards on 2/1/2024 in #front-end

Is it possible to have a child element's height even across cards with CSS only?

Already picked up using @container from his videos 🙂

15 replies

KPCKevin Powell - Community

•Created by Maynards on 2/1/2024 in #front-end

Is it possible to have a child element's height even across cards with CSS only?

I'm reading up on it now

15 replies

KPCKevin Powell - Community

•Created by Maynards on 2/1/2024 in #front-end

Is it possible to have a child element's height even across cards with CSS only?

OK, looks like it's just Samsung Internet now that doesn't support it. Who uses that <:mace_laughing:1176448783480012840> ?

15 replies

KPCKevin Powell - Community

•Created by Maynards on 2/1/2024 in #front-end

Is it possible to have a child element's height even across cards with CSS only?

I've seen/heard of Subgrid, but the support for it isn't across the board from what I understand?

15 replies

KPCKevin Powell - Community

•Created by Maynards on 2/1/2024 in #front-end

Is it possible to have a child element's height even across cards with CSS only?

Could I possibly achieve this with Grid?

15 replies

KPCKevin Powell - Community

•Created by ShrimpTuna on 1/18/2024 in #os-and-tools

Figma and translating designs

I'm still on my Figma journey, but I use auto layout a lot and always get it to be pixel perfect. I then use that as a guide for translating to HTML/CSS. I don't strive for a 1:1 mapping/relationship between Figma layout nesting and the final HTML/CSS. I tend to only use absolute positioning for putting frames behind other ones (E.g. backgrounds).

2 replies

KPCKevin Powell - Community

•Created by Maynards on 1/15/2024 in #front-end

How do I destructure an object that extends multiple interfaces into each of those interfaces?

Seems like there should be something that works at runtime to split up an object

9 replies

KPCKevin Powell - Community

•Created by Maynards on 1/15/2024 in #front-end

How do I destructure an object that extends multiple interfaces into each of those interfaces?

Yup, understand that <:mace_laughing:1176448783480012840>

9 replies

KPCKevin Powell - Community

•Created by Maynards on 1/15/2024 in #front-end

How do I destructure an object that extends multiple interfaces into each of those interfaces?

I'm coming from a C# background where you can cast an object to it's interface (var a = (A)cObject) and you'd only get the properties that come from the interface A at runtime. C# doesn't have the notion of "prop spreading" though and I know at runtime the underlying object will have all the properties and spread both A & B props onto ComponentA and ComponentB.

9 replies

KPCKevin Powell - Community

•Created by Maynards on 1/15/2024 in #front-end

How do I destructure an object that extends multiple interfaces into each of those interfaces?

No, I was trying to avoid doing:

interface C {
    aProps: A,
    bProps: B
}

interface C {
    aProps: A,
    bProps: B
}

9 replies

KPCKevin Powell - Community

•Created by Maynards on 1/15/2024 in #front-end

How do I destructure an object that extends multiple interfaces into each of those interfaces?

I'll also add that, for small interfaces like those examples you could get away with { a1, a2, b1, b2 }, but many interfaces come with a lot more properites than that <:mace_laughing:1176448783480012840> .

9 replies

KPCKevin Powell - Community

•Created by Maynards on 1/14/2024 in #front-end

How do I overflow/breakout a side menu item label?

Have a separate element outside of the overflow hidden element and then position it next to the menu items using the mouse events.

25 replies

KPCKevin Powell - Community

•Created by Maynards on 1/14/2024 in #front-end

How do I overflow/breakout a side menu item label?

I've ended up going down the JavaScript root

25 replies

KPCKevin Powell - Community