From bc39288d6ac46cbea32280c03e8d102349a7ff29 Mon Sep 17 00:00:00 2001
From: paidge <paidge_cs@hotmail.com>
Date: Tue, 15 Feb 2022 04:12:46 +0100
Subject: [PATCH] correcting btn-close menu
---
components/member/List.vue | 6 +++---
components/navigation/Bar.vue | 10 ++++++----
components/navigation/menu/Sidebar.vue | 6 ++----
3 files changed, 11 insertions(+), 11 deletions(-)
diff --git a/components/member/List.vue b/components/member/List.vue
index ad36e41..297396d 100644
--- a/components/member/List.vue
+++ b/components/member/List.vue
@@ -75,9 +75,6 @@
:limitDate="member.certsLimit"
:memberStatus="member.status" />
</div>
- <div v-if="['adhesion', 'certif'].includes(type)" class="d-sm-none">
- <BadgeDate :date="getDate(member)" styleDate="short" />
- </div>
<BadgeStatus :membre="member" />
<BadgeQuality
:quality="member.quality.ratio"
@@ -87,6 +84,9 @@
:dateDispo="member.minDate"
:certifs="member.sent_certifications"
v-if="member.status == 'MEMBER'" />
+ <div v-if="['adhesion', 'certif'].includes(type)" class="d-sm-none">
+ <BadgeDate :date="getDate(member)" styleDate="short" />
+ </div>
</th>
<td
class="d-none d-md-table-cell"
diff --git a/components/navigation/Bar.vue b/components/navigation/Bar.vue
index 48f0c1f..cb91b1d 100644
--- a/components/navigation/Bar.vue
+++ b/components/navigation/Bar.vue
@@ -155,13 +155,15 @@ nav.breadcrumb-wrapper {
left: 0;
}
- .close {
- --size: 50px;
+ .btn-close {
+ --size: 30px;
width: var(--size);
height: var(--size);
top: 0.8rem;
- right: 0;
- font-size: 2rem;
+ right: 0.8rem;
+ .dark-theme & {
+ filter: invert(1) grayscale(100%) brightness(200%);
+ }
}
h2 {
diff --git a/components/navigation/menu/Sidebar.vue b/components/navigation/menu/Sidebar.vue
index ea719d6..19b038d 100644
--- a/components/navigation/menu/Sidebar.vue
+++ b/components/navigation/menu/Sidebar.vue
@@ -20,11 +20,9 @@
</div>
<button
type="button"
- class="close position-absolute d-xl-none"
+ class="btn-close position-absolute d-xl-none"
aria-label="Close"
- @click="toggleMenu">
- <span aria-hidden="true">×</span>
- </button>
+ @click="toggleMenu"></button>
</div>
<nav class="pt-4 rounded flex-grow-1">
<NavigationMenuGroup
--
GitLab