From 9dcb0549737a23e2f98a2eb27f0b1ad91712bbbb Mon Sep 17 00:00:00 2001
From: timotheegoguely <timothee@goguely.com>
Date: Wed, 23 Oct 2024 16:52:28 +0200
Subject: [PATCH] Fix toggle-comments button pressed state

---
 src/assets/css/src/2.blocks.button.css            | 4 ++++
 src/components/project/client-brief/PdfViewer.vue | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/src/2.blocks.button.css b/src/assets/css/src/2.blocks.button.css
index 38a54c9..039ef61 100644
--- a/src/assets/css/src/2.blocks.button.css
+++ b/src/assets/css/src/2.blocks.button.css
@@ -119,6 +119,10 @@ input[type="checkbox"]:checked + .btn--primary {
   .btn--transparent:hover {
     --background: var(--color-white-05);
   }
+  .btn[aria-pressed="true"]:hover {
+    --background: var(--color-primary-hover);
+    --border-color: var(--color-primary-hover);
+  }
 }
 
 .btn:focus-visible {
diff --git a/src/components/project/client-brief/PdfViewer.vue b/src/components/project/client-brief/PdfViewer.vue
index 2117dfe..1236f76 100644
--- a/src/components/project/client-brief/PdfViewer.vue
+++ b/src/components/project/client-brief/PdfViewer.vue
@@ -23,7 +23,7 @@
       />
       <button
         id="toggle-comments"
-        aria-pressed="false"
+        :aria-pressed="isCommentsOpen"
         class="btn btn--transparent"
         data-icon="comment"
         @click="isCommentsOpen = !isCommentsOpen"