From 9dbd259805d59a280fb1a1c27fb515400bca1ea2 Mon Sep 17 00:00:00 2001
From: David Dorchies <david.dorchies@inrae.fr>
Date: Thu, 4 Aug 2022 16:09:12 +0000
Subject: [PATCH] fix: small column widths
Column widths are now equal
Refs #562
---
src/app/components/pab-table/pab-table.component.html | 3 +--
src/styles.scss | 5 +++--
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/app/components/pab-table/pab-table.component.html b/src/app/components/pab-table/pab-table.component.html
index f32c43fd1..70dfaa219 100644
--- a/src/app/components/pab-table/pab-table.component.html
+++ b/src/app/components/pab-table/pab-table.component.html
@@ -53,8 +53,7 @@
</div>
- <p-table id="geometry" [columns]="cols" [value]="rows" class="pab-data-table" [resizableColumns]="false"
- [autoLayout]="true" [scrollable]="false">
+ <p-table id="geometry" [columns]="cols" [value]="rows" class="pab-data-table">
<ng-template pTemplate="header" let-columns>
<tr>
diff --git a/src/styles.scss b/src/styles.scss
index 78510df55..cdcf478a9 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -203,7 +203,7 @@ field-set {
@extend .bg-error;
}
- .p-datatable.p-component.p-datatable-auto-layout.p-datatable-responsive-stack {
+ div {
table.p-datatable-table {
thead.p-datatable-thead {
> tr {
@@ -232,7 +232,8 @@ field-set {
}
> td {
&:nth-child(1) {
- width: 50px;
+ width: 12.5%;
+ min-width: 50px;
}
font-size: .7em;
&.readonly-cell {
--
GitLab