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

TileLayout CSS discrepancy with the Kendo rendering #57

Open
NickIliev opened this issue Nov 16, 2023 · 0 comments
Open

TileLayout CSS discrepancy with the Kendo rendering #57

NickIliev opened this issue Nov 16, 2023 · 0 comments
Labels
bug Something isn't working

Comments

@NickIliev
Copy link
Member

NickIliev commented Nov 16, 2023

Describe the bug
Currently, applying a style (like effect) on the (div) Tile Layout template is generating the following CSS

.k-tilelayout.k-pos-relative.k-grid-flow-col,
.k-tilelayout.k-grid-flow-col.k-relative {
    box-shadow: 0px 3px 3px 0px #000
}

However, classes like .k-pos-relative or .k.relative are not present in the Kendo source of truth.

Note that (probably due to CSS specificity) the .k-grid-flow-col should also be removed to apply the desired style (solution in test)

.k-tilelayout {
    box-shadow: 0px 3px 3px 0px #000
}

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'TileLayour'
  2. Select the 'Tile Layout' template
  3. Apply an effect like box shadow
  4. Import in a real-life project (used Blazor for test)

Expected behavior
To generate CSS as per the source of truth:

https://github.com/telerik/kendo-themes/blob/develop/tests/tilelayout/tilelayout.html
https://github.com/telerik/kendo-themes/blob/develop/tests/tilelayout/tilelayout-resizing.html
https://github.com/telerik/kendo-themes/blob/develop/tests/tilelayout/tilelayout-react.html (note that there is a specific React test)

Screenshots
image

Components technology and version
ThemeBuilder R3 2023
UI for Blazor 5,
Kendo Thems R3 2023 (v. 7.x.x.)

Additional context
reported through t.1631320

@NickIliev NickIliev added the bug Something isn't working label Nov 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant