Merge pull request #5393 from LanetNetwork/fix_tables

fix display of tables with a large number of rows

client/components/settings/adminReports.jade

@@ -58,6 +58,7 @@ template(name="rulesReport")
   h1 {{_ 'rulesReportTitle'}}
   if resultsCount
     table
+      thead
         tr
           th Rule Title
           th Board Title
@@ -65,6 +66,7 @@ template(name="rulesReport")
           th activityType
 
       each rule in results
+        tbody
           tr
             td {{ rule.title }}
             td {{ rule.boardTitle }}
@@ -77,6 +79,7 @@ template(name="filesReport")
   h1 {{_ 'filesReportTitle'}}
   if resultsCount
     table
+      thead
         tr
           th Filename
           th.right Size (kB)
@@ -86,6 +89,7 @@ template(name="filesReport")
           th Card ID
 
       each att in results
+        tbody
           tr
             td {{ att.name }}
             td.right {{ fileSize att.size }}
@@ -100,6 +104,7 @@ template(name="cardsReport")
   h1 {{_ 'cardsReportTitle'}}
   if resultsCount
     table.table
+      thead
         tr
           th Card Title
           th Board
@@ -109,6 +114,7 @@ template(name="cardsReport")
           th Assignees
 
       each card in results
+        tbody
           tr
             td {{abbreviate card.title }}
             td {{abbreviate card.board.title }}
@@ -123,6 +129,7 @@ template(name="boardsReport")
   h1 {{_ 'boardsReportTitle'}}
   if resultsCount
     table.table
+      thead
         tr
           th Title
           th Id
@@ -133,6 +140,7 @@ template(name="boardsReport")
           th Teams
 
       each board in results
+        tbody
           tr
             td {{abbreviate board.title }}
             td {{abbreviate board._id }}

client/components/settings/peopleBody.jade

@@ -73,7 +73,7 @@ template(name="people")
 
 template(name="orgGeneral")
   table
-    tbody
+    thead
       tr
         th {{_ 'displayName'}}
         th {{_ 'description'}}
@@ -84,12 +84,14 @@ template(name="orgGeneral")
         th {{_ 'active'}}
         th
           +newOrgRow
+    tbody
+      tr
         each org in orgList
           +orgRow(orgId=org._id)
 
 template(name="teamGeneral")
   table
-    tbody
+    thead
       tr
         th {{_ 'displayName'}}
         th {{_ 'description'}}
@@ -99,6 +101,8 @@ template(name="teamGeneral")
         th {{_ 'active'}}
         th
           +newTeamRow
+    tbody
+      tr
         each team in teamList
           +teamRow(teamId=team._id)
 
@@ -106,7 +110,7 @@ template(name="peopleGeneral")
   #divAddOrRemoveTeamContainer
     +modifyTeamsUsers
   table
-    tbody
+    thead
       tr
         th
           +selectAllUser
@@ -124,6 +128,8 @@ template(name="peopleGeneral")
         th {{_ 'teams'}}
         th
           +newUserRow
+    tbody
+      tr
       each user in peopleList
         +peopleRow(userId=user._id)
 

client/components/settings/settingBody.css

@@ -7,11 +7,13 @@
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
+  height: 100%;
 }
 .setting-content {
   color: #727479;
   background: #dedede;
   width: 100%;
+  height: 100%;
   position: absolute;
 }
 .setting-content .content-title {
@@ -56,6 +58,8 @@
   -moz-user-select: text;
   -ms-user-select: text;
   user-select: text;
+  max-height: 100%;
+  overflow: auto;
 }
 .setting-content .content-body .main-body ul li {
   padding: 0.5rem 0.5rem;

client/components/settings/translationBody.jade

@@ -34,13 +34,14 @@ template(name="translation")
 
 template(name="translationGeneral")
   table
-    tbody
+    thead
       tr
         th {{_ 'language'}}
         th {{_ 'text'}}
         th {{_ 'translation-text'}}
         th
           +newTranslationRow
+    tbody
       each translation in translationList
         +translationRow(translationId=translation._id)