3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-18 02:26:12 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Add cosmetic changes to notifications buttons (#5902)

Browse source
This commit is contained in:
María Valderrama 2025-02-19 16:45:22 +01:00 • committed by GitHub
parent e408bc9113
commit a3e74c55f1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/app/main/ui/dashboard/comments.cljs
View file

@ -89,13 +89,15 @@
[:div {:class (stl/css :header)}
[:h3 {:class (stl/css :header-title)} (tr "dashboard.notifications")]
(when (seq tgroups)
[:> icon-button* {:variant "ghost"
[:> icon-button* {:class (stl/css :mark-all-as-read-button :notifications-button)
:variant "action"
:tab-index (if show? "0" "-1")
:aria-label (tr "label.mark-all-as-read")
:on-click on-read-all
:icon "tick"}])
[:> icon-button* {:variant "ghost"
[:> icon-button* {:class (stl/css :notifications-button)
:variant "action"
:tab-index (if show? "0" "-1")
:aria-label (tr "labels.close")
:on-click on-hide-comments

11
frontend/src/app/main/ui/dashboard/comments.scss
View file

@ -86,6 +86,7 @@
height: $s-40;
align-items: center;
padding: 0 $s-12;
gap: $s-4;
}
.header-title {
@ -95,3 +96,13 @@
flex-grow: 1;
text-transform: uppercase;
}
.notifications-button {
&:hover {
cursor: pointer;
}
&.mark-all-as-read-button {
border-radius: $s-8;
border: $s-1 solid;
}
}