Fix flickering in tables

reduces the flickering during scroll events in list view tables
Adjusts some ellipsis
This commit is contained in:
Sean Engelhardt 2019-10-09 14:59:43 +02:00
parent 4a8362deaf
commit 2d14fc2057
4 changed files with 9 additions and 13 deletions

View File

@ -15,7 +15,6 @@
<pbl-ngrid <pbl-ngrid
[ngClass]="cssClasses" [ngClass]="cssClasses"
[vScrollFixed]="vScrollFixed" [vScrollFixed]="vScrollFixed"
cellTooltip
[showHeader]="!showFilterBar" [showHeader]="!showFilterBar"
matCheckboxSelection="selection" matCheckboxSelection="selection"
[dataSource]="dataSource" [dataSource]="dataSource"

View File

@ -35,16 +35,14 @@
[routerLink]="getDetailUrl(item)" [routerLink]="getDetailUrl(item)"
*ngIf="!isMultiSelect" *ngIf="!isMultiSelect"
></a> ></a>
<div [ngStyle]="{ 'margin-left': item.level * 25 + 'px' }"> <div [ngStyle]="{ 'margin-left': item.level * 25 + 'px' }" class="innerTable ellipsis-overflow">
<os-icon-container [noWrap]="true" [icon]="item.closed ? 'check' : null" size="large"> <os-icon-container [noWrap]="true" [icon]="item.closed ? 'check' : null" size="large">
<div> <span>
<div>
{{ item.getListTitle() }} {{ item.getListTitle() }}
</div> </span>
<div *ngIf="showSubtitle" class="subtitle"> <span *ngIf="showSubtitle" class="subtitle ">
{{ item.getSubtitle() }} {{ item.getSubtitle() }}
</div> </span>
</div>
</os-icon-container> </os-icon-container>
</div> </div>
</div> </div>

View File

@ -82,7 +82,7 @@
</span> </span>
<!-- The title --> <!-- The title -->
<span class="motion-list-title"> <span>
<span *ngIf="vp.isMobile && motion.identifier"> <span *ngIf="vp.isMobile && motion.identifier">
{{ motion.identifier }} {{ motion.identifier }}
<span>&middot;</span> <span>&middot;</span>

View File

@ -162,9 +162,8 @@ $narrow-spacing: (
} }
.pbl-ngrid-cell { .pbl-ngrid-cell {
position: relative;
.fill { .fill {
position: relative;
display: inherit; display: inherit;
height: 100%; height: 100%;
width: 100%; width: 100%;