Merge pull request #5072 from tsiegleauq/vscroll-performance

Fix flickering in tables

client/src/app/shared/components/list-view-table/list-view-table.component.html

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

client/src/app/site/agenda/components/agenda-list/agenda-list.component.html

@@ -35,16 +35,14 @@
             [routerLink]="getDetailUrl(item)"
             *ngIf="!isMultiSelect"
         ></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">
-                <div>
-                    <div>
-                        {{ item.getListTitle() }}
-                    </div>
-                    <div *ngIf="showSubtitle" class="subtitle">
-                        {{ item.getSubtitle() }}
-                    </div>
-                </div>
+                <span>
+                    {{ item.getListTitle() }}
+                </span>
+                <span *ngIf="showSubtitle" class="subtitle ">
+                    {{ item.getSubtitle() }}
+                </span>
             </os-icon-container>
         </div>
     </div>

client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html

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

client/src/styles.scss

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