Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐞 - CardLarge - header block with margin-bottom: -6px breaks flex gap of card large #10072

Open
0ReC0 opened this issue Dec 26, 2024 · 1 comment

Comments

@0ReC0
Copy link
Contributor

0ReC0 commented Dec 26, 2024

Reproduction url

https://taiga-ui.dev/layout/card-large

Description

In the design cardLarge is used with header and in the design indents are counted blockwise, but in the current implementation because of the negative margin of header there is an incorrect calculation of the height of the block and from this the design rides.

Briefly the problem:
The indentation at the top does not match because the height of the header is calculated by the baseline, not by the whole block. I have to add 6px to the section to get to the dimensions, this happens because of the -6px margin-bottom of the header

Steps:

  1. Go to https://taiga-ui.tcsbank.ru/layout/card-large
  2. See the basic example for the header margin-bottom: -6px.
  3. See the basic example section has no margin-top

Taiga UI version

3.96.0

Browser Used

Chrome

OS Used

macOS

@0ReC0
Copy link
Contributor Author

0ReC0 commented Dec 26, 2024

Image
Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

1 participant