Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Empty class

Browse Source
This commit is contained in:
Adina Țeudan 2021-09-06 15:02:09 +03:00
parent af46a45b97
commit d8379489b9
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/listing/table/table.component.html
View File

@ -20,7 +20,9 @@
<iqser-empty-state *ngIf="listingComponent.noMatch$ | async" [text]="noMatchText"></iqser-empty-state> <iqser-empty-state *ngIf="listingComponent.noMatch$ | async" [text]="noMatchText"></iqser-empty-state>
<cdk-virtual-scroll-viewport #scrollViewport [itemSize]="itemSize" iqserHasScrollbar> <cdk-virtual-scroll-viewport [class.no-data]="(listingComponent.noMatch$ | async) || (listingComponent.entitiesService.noData$ | async)"
[itemSize]="itemSize"
iqserHasScrollbar>
<div <div
(mouseenter)="itemMouseEnterFn && itemMouseEnterFn(entity)" (mouseenter)="itemMouseEnterFn && itemMouseEnterFn(entity)"
(mouseleave)="itemMouseLeaveFn && itemMouseLeaveFn(entity)" (mouseleave)="itemMouseLeaveFn && itemMouseLeaveFn(entity)"

4
src/lib/listing/table/table.component.scss
View File

@ -4,6 +4,10 @@
height: calc(100vh - 50px - 31px - 111px); height: calc(100vh - 50px - 31px - 111px);
overflow-y: hidden !important; overflow-y: hidden !important;
&.no-data {
display: none;
}
&.has-scrollbar:hover ::ng-deep.cdk-virtual-scroll-content-wrapper { &.has-scrollbar:hover ::ng-deep.cdk-virtual-scroll-content-wrapper {
grid-template-columns: var(--gridTemplateColumnsHover); grid-template-columns: var(--gridTemplateColumnsHover);
} }