From db328cbc46bfaf0ee3b2d421922a49aaa0e06775 Mon Sep 17 00:00:00 2001
From: Tifenn Guillas <tifenn.guillas@lam.fr>
Date: Tue, 20 Oct 2020 11:35:38 +0200
Subject: [PATCH] Fix table height => DONE
---
.../containers/documentation.component.css | 10 ++++----
.../containers/documentation.component.html | 24 +++++++++----------
2 files changed, 18 insertions(+), 16 deletions(-)
diff --git a/src/app/documentation/containers/documentation.component.css b/src/app/documentation/containers/documentation.component.css
index d4e2bbda..6f25f2cc 100644
--- a/src/app/documentation/containers/documentation.component.css
+++ b/src/app/documentation/containers/documentation.component.css
@@ -13,7 +13,9 @@ table, th, td {
margin-bottom: 1em;
}
-.box {
- max-height: 500px;
- overflow-y: auto;
-}
\ No newline at end of file
+.attributes-table {
+ display: inline-block;
+ max-height : 500px;
+ overflow-y : auto;
+ overflow-x: hidden;
+}
diff --git a/src/app/documentation/containers/documentation.component.html b/src/app/documentation/containers/documentation.component.html
index 97a2ac16..07637a9e 100644
--- a/src/app/documentation/containers/documentation.component.html
+++ b/src/app/documentation/containers/documentation.component.html
@@ -50,18 +50,18 @@
<span class="sr-only">Loading...</span>
</div>
<div *ngIf="attributeListsIsLoaded | async" class="row">
- <div *ngFor="let dataset of datasetList | async" class="col-4 mb-5 box">
+ <div *ngFor="let dataset of datasetList | async" class="col-auto mb-5">
<h6>{{ dataset.label }} output list</h6>
- <table id="table">
- <tr>
- <th>id</th>
- <th>attribute</th>
- </tr>
- <tr *ngFor="let attribute of getAttributeList(dataset.name, attributeList | async)">
- <td>{{ attribute.id }}</td>
- <td>{{ attribute.name }}</td>
- </tr>
- </table>
+ <table id="table" class="attributes-table p-0">
+ <tr>
+ <th>id</th>
+ <th>attribute</th>
+ </tr>
+ <tr *ngFor="let attribute of getAttributeList(dataset.name, attributeList | async)">
+ <td>{{ attribute.id }}</td>
+ <td>{{ attribute.name }}</td>
+ </tr>
+ </table>
</div>
</div>
@@ -200,4 +200,4 @@
</div>
</div>
</div>
-</div>
\ No newline at end of file
+</div>
--
GitLab