From a66bd23bfa977b8e5baddf1e71987872496d0f9e Mon Sep 17 00:00:00 2001
From: Pierre-Jean CHANCELLIER <paidge_cs@hotmail.com>
Date: Thu, 3 Feb 2022 17:14:29 +0100
Subject: [PATCH] v0.21 more fix for tables display
---
assets/css/style.scss | 4 +++-
components/certif/List.vue | 4 ++--
components/member/List.vue | 7 ++++---
components/navigation/menu/Sidebar.vue | 2 +-
pages/parametres.vue | 2 +-
5 files changed, 11 insertions(+), 8 deletions(-)
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 63504c5..e12c4b9 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -53,7 +53,9 @@ $info: #0a8299;
}
.table {
- table-layout: fixed;
+ &-fixed {
+ table-layout: fixed;
+ }
&.sortable thead {
tr {
diff --git a/components/certif/List.vue b/components/certif/List.vue
index 4542a08..3e4b242 100644
--- a/components/certif/List.vue
+++ b/components/certif/List.vue
@@ -1,7 +1,7 @@
<template>
<div class="table-responsive" v-if="certifs.length > 0">
<BtnSearch v-model="search" class="col" v-if="certifs.length > 5" />
- <table class="table table-striped table-hover sortable">
+ <table class="table table-striped table-hover table-fixed sortable">
<thead class="thead-light">
<tr>
<th class="p-0" @click="sort('uid')">
@@ -52,7 +52,7 @@
:certifs="certif.sent_certifications"
v-if="certif.status == 'MEMBER'" />
</th>
- <td class="text-right py-1 td-date">
+ <td class="text-right py-1">
<BadgeDate :date="certif.expires_on" styleDate="short" />
<small class="d-block" v-if="certif.pending">
<span class="badge badge-secondary">{{ $t("traitement") }}</span>
diff --git a/components/member/List.vue b/components/member/List.vue
index f56d639..e905118 100644
--- a/components/member/List.vue
+++ b/components/member/List.vue
@@ -1,6 +1,7 @@
<template>
<div class="table-responsive pb-3">
- <table class="table table-striped table-hover sortable text-center">
+ <table
+ class="table table-striped table-hover table-fixed sortable text-center">
<thead class="thead-light">
<tr>
<th
@@ -94,13 +95,13 @@
{{ member.pubkey.substring(0, 10) }}
</td>
<td
- class="td-date d-none d-sm-table-cell"
+ class="d-none d-sm-table-cell"
v-if="['adhesion', 'favoris', 'search'].includes(type)"
@click="redirect(member.hash)">
<BadgeDate :date="member.limitDate" styleDate="short" />
</td>
<td
- class="td-date d-none"
+ class="d-none"
:class="{
'd-sm-table-cell': type == 'certif',
'd-md-table-cell': type != 'certif'
diff --git a/components/navigation/menu/Sidebar.vue b/components/navigation/menu/Sidebar.vue
index 354445e..41f3737 100644
--- a/components/navigation/menu/Sidebar.vue
+++ b/components/navigation/menu/Sidebar.vue
@@ -5,7 +5,7 @@
<img :src="$icon(512)" alt="Accueil" class="logo" />
<div>
<h1 class="h3">
- Wotwizard <small><span class="small">v0.20</span></small>
+ Wotwizard <small><span class="small">v0.21</span></small>
</h1>
<small class="text-muted">{{ $t("slogan") }}</small>
</div>
diff --git a/pages/parametres.vue b/pages/parametres.vue
index 79f59f5..48614c7 100644
--- a/pages/parametres.vue
+++ b/pages/parametres.vue
@@ -12,7 +12,7 @@
<tr>
<th>{{ $t("nom") }}</th>
<th class="d-none d-sm-table-cell">{{ $t("type") }}</th>
- <th>{{ $t("valeur") }}</th>
+ <th class="td-date">{{ $t("valeur") }}</th>
<th class="d-none d-md-table-cell">{{ $t("description") }}</th>
</tr>
</thead>
--
GitLab