Fix toggle-comments button pressed state

2024-10-23 16:52:28 +02:00 · 2024-10-23 16:52:28 +02:00 · 9dcb054973
commit 9dcb054973
parent a00d9cbff1
2 changed files with 5 additions and 1 deletions
--- 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 {
--- 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"