studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Fix toggle-comments button pressed state

Browse source
This commit is contained in:
Timothée Goguely 2024-10-23 16:52:28 +02:00
parent a00d9cbff1
commit 9dcb054973
2 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/assets/css/src/2.blocks.button.css
View file

@ -119,6 +119,10 @@ input[type="checkbox"]:checked + .btn--primary {
.btn--transparent:hover { .btn--transparent:hover {
--background: var(--color-white-05); --background: var(--color-white-05);
} }
.btn[aria-pressed="true"]:hover {
--background: var(--color-primary-hover);
--border-color: var(--color-primary-hover);
}
} }
.btn:focus-visible { .btn:focus-visible {

2
src/components/project/client-brief/PdfViewer.vue
View file

@ -23,7 +23,7 @@
/> />
<button <button
id="toggle-comments" id="toggle-comments"
aria-pressed="false" :aria-pressed="isCommentsOpen"
class="btn btn--transparent" class="btn btn--transparent"
data-icon="comment" data-icon="comment"
@click="isCommentsOpen = !isCommentsOpen" @click="isCommentsOpen = !isCommentsOpen"