From cf7f22bf50b115f5e803e6552505b4f799fc3cb2 Mon Sep 17 00:00:00 2001
From: "J.-S. Caux" <J.S.Caux@uva.nl>
Date: Thu, 22 Oct 2020 14:34:21 +0200
Subject: [PATCH] Restyle accounts table
---
.../assets/vue/components/MessagesTable.vue | 20 +++++++++++++++++--
1 file changed, 18 insertions(+), 2 deletions(-)
diff --git a/apimail/static/apimail/assets/vue/components/MessagesTable.vue b/apimail/static/apimail/assets/vue/components/MessagesTable.vue
index 1d074f3a6..a4d33ed48 100644
--- a/apimail/static/apimail/assets/vue/components/MessagesTable.vue
+++ b/apimail/static/apimail/assets/vue/components/MessagesTable.vue
@@ -95,8 +95,14 @@
</table>
</div>
- <h2 class="m-2">Click on an account to view messages</h2>
- <table class="table mb-4">
+ <div class="accounts-table text-white">
+ <h2 class="p-2 mb-0 text-center">Click on an account to view messages</h2>
+ <table
+ class="table mb-4 text-white"
+ selectable
+ :select-mode="single"
+ :selected-variant="danger"
+ >
<tr>
<th>Account</th>
<th>Address</th>
@@ -118,6 +124,7 @@
<td>{{ access.date_until }}</td>
</tr>
</table>
+ </div>
<div v-if="accountSelected" :key="accountSelected.pk">
<b-card bg-variant="light">
@@ -585,3 +592,12 @@ export default {
}
</script>
+
+<style>
+ .accounts-table {
+ background-color: #002b49;
+ }
+ .highlight {
+ background-color: #496bb6;
+ }
+</style>
--
GitLab