Add possibility to place card controls (links & buttons) in a card footer

[DC-RomanKarpov]

This feature is required by our content managers to align all control in cards, for example, see the attached screenshots.

For impl example, please, see
https://preview.gravity-ui.com/page-constructor/823/?path=/story/components-cards-backgroundcard--control-position
https://preview.gravity-ui.com/page-constructor/823/?path=/story/components-cards-basiccard--control-position
https://preview.gravity-ui.com/page-constructor/823/?path=/story/components-cards-layoutitem--control-position

[stepastepastepa]

@DC-RomanKarpov does this only work for specific cards? We need to remove this property from the background card and add it to the image card. Have we touched the original content component? I see that the layout of the buttons has changed at least.

[DC-RomanKarpov]

Hey, @stepastepastepa !
Yes, this works for bg cards, basic cards and layout items. Will remove from BG cards, but could you, please, explain the necessity to add this feature to image cards? Seems, that they do not have controls in their layouts.

Yes, the Content was touched: some parts of that component was separated to Buttons & Links components. Will double check that layout will not change.

Edit: Checked. Do not see the difference on screenshot tests. Could you point the exact place, please?

[stepastepastepa]

@DC-RomanKarpov Yes, you're right. There are no buttons. Then we don't touch that place.

To the account of the background-card. Is it possible to use the new parameter only if we do not specify paddingBottom? When this parameter is present, the alignment looks very strange. It is necessary to make such a combination impossible to assemble. Could we do that?

There are no visual changes. I noticed because now the indentation is implemented differently. I just need to understand exactly what we have touched on in order to check other cases. Everything is ok now.

[DC-RomanKarpov]

For the bg-card - yes, we can manage the desired behavior easily.

For the changes - all margins for buttons was removed. row-gap & column-gap are used to manage spacing between items now.

[stepastepastepa]

good, thx