We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
To generate a skeleton layout for content within a loading row
I think, perhaps to have the loading attribute propagated to individual cell-content elements
loading
Currently, a functional CSS rule causes all cells within a loading row to be "invisible" (opacity: 0 on v23 and visibility: hidden on v24)
opacity: 0
visibility: hidden
[part~='row'][loading] [part~='body-cell'] ::slotted(vaadin-grid-cell-content) { visibility: hidden; }
I cannot target that cell content w/ ::part. I can make a rule such as this...
::part
vaadin-grid[loading] vaadin-grid-cell-content { visibility: visible; } .my-cell-content .something { background-color: currentColor; opacity: .4; }
However that inappropriately targets rows that aren't loading whenever anything is loading.
I cannot use cellPartNameGenerator for a few reasons...
cellPartNameGenerator
GridItem
No response
The text was updated successfully, but these errors were encountered:
Thanks for the issue. We have loading-row-cell part, which you could probably use to apply some CSS properties:
loading-row-cell
vaadin-grid::part(loading-row-cell) { --cell-color: #e2e2e2; } vaadin-grid-cell-content { color: var(--cell-color); }
This would be similar to the idea that we used for cell content padding in #6646
Sorry, something went wrong.
Oh, good idea. yes.. that would work.
No branches or pull requests
Describe your motivation
To generate a skeleton layout for content within a loading row
Describe the solution you'd like
I think, perhaps to have the
loading
attribute propagated to individual cell-content elementsDescribe alternatives you've considered
Currently, a functional CSS rule causes all cells within a loading row to be "invisible" (
opacity: 0
on v23 andvisibility: hidden
on v24)I cannot target that cell content w/
::part
. I can make a rule such as this...However that inappropriately targets rows that aren't loading whenever anything is loading.
I cannot use
cellPartNameGenerator
for a few reasons...GridItem
model has no awareness of an item's loading state.. well, more accurately there is no item to have a loading state.Additional context
No response
The text was updated successfully, but these errors were encountered: