I’ve a view with three sections, all of them having an horizontal swimlane of buttons on top:
I’m trying to align so all of them for having the same height, but at same time without hardcoding absolute sizes in css (if possible).
In the middle column I have an horizontal stack with 5 custom button elements. These have aspect ratio to 1/1 so if I want to achieve the same heights for all the sections, I suspect the height of this line will pivot the others (but an approximation like the one I have now between the 2nd and the 3rd section is already ok to be honest)
In the first column I have an horizontal stack with two elements:
- A styled custom button card with aspect ratio forced to 1/1
- A tile card
What I want to achieve here is the custom button card with the same height of one of those in the middle sections and the rectangular tile chart filling the line. Now as you may see, they split the section just in half and since the button has aspect-ratio to 1/1, the overall height increases to fit the aspexct.
In ther third column I’ve an horizontal stack with tile elements inside, so I just need to align the heights here.
I’ve tried a lot of different css tweaks but I was not able to fit the layout I’ve in mind…any idea?
tnx allot for support!