From 2d14fc2057d377b476e9a5e42a7507579724a48c Mon Sep 17 00:00:00 2001
From: Sean Engelhardt <sean.f.t.engelhardt@gmail.com>
Date: Wed, 9 Oct 2019 14:59:43 +0200
Subject: [PATCH] Fix flickering in tables

reduces the flickering during scroll events in list view tables
Adjusts some ellipsis
---
 .../list-view-table.component.html               |  1 -
 .../agenda-list/agenda-list.component.html       | 16 +++++++---------
 .../motion-list/motion-list.component.html       |  2 +-
 client/src/styles.scss                           |  3 +--
 4 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/client/src/app/shared/components/list-view-table/list-view-table.component.html b/client/src/app/shared/components/list-view-table/list-view-table.component.html
index cfa5ea52c..c1ed0905b 100644
--- a/client/src/app/shared/components/list-view-table/list-view-table.component.html
+++ b/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"
diff --git a/client/src/app/site/agenda/components/agenda-list/agenda-list.component.html b/client/src/app/site/agenda/components/agenda-list/agenda-list.component.html
index 8ab7ff0d5..909e06c32 100644
--- a/client/src/app/site/agenda/components/agenda-list/agenda-list.component.html
+++ b/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>
diff --git a/client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html b/client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html
index 8d2d50520..40955841e 100644
--- a/client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html
+++ b/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>
diff --git a/client/src/styles.scss b/client/src/styles.scss
index b478a534c..04c2e5ec4 100644
--- a/client/src/styles.scss
+++ b/client/src/styles.scss
@@ -162,9 +162,8 @@ $narrow-spacing: (
 }
 
 .pbl-ngrid-cell {
-    position: relative;
-
     .fill {
+        position: relative;
         display: inherit;
         height: 100%;
         width: 100%;