mirror of
https://github.com/penpot/penpot.git
synced 2025-01-09 00:10:11 -05:00
🎉 Create placeholder at comments sidebar
This commit is contained in:
parent
62c727e253
commit
56861e8d01
2 changed files with 23 additions and 19 deletions
|
@ -423,28 +423,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
.thread-groups-placeholder {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: $fs14;
|
||||
padding: $big;
|
||||
text-align: center;
|
||||
|
||||
svg {
|
||||
fill: $color-gray-20;
|
||||
height: 24px;
|
||||
margin-bottom: $small;
|
||||
width: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.thread-group {
|
||||
.section-title {
|
||||
color: $color-black;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.comment {
|
||||
.author .name .fullname {
|
||||
color: $color-gray-40;
|
||||
|
@ -455,3 +439,19 @@
|
|||
}
|
||||
}
|
||||
|
||||
.thread-groups-placeholder {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: $fs12;
|
||||
padding: $big;
|
||||
text-align: center;
|
||||
|
||||
svg {
|
||||
fill: $color-gray-20;
|
||||
height: 24px;
|
||||
margin-bottom: $big;
|
||||
width: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -166,7 +166,7 @@
|
|||
:on-close #(reset! options? false)}
|
||||
[:& sidebar-options {:local local}]]]
|
||||
|
||||
(when (seq tgroups)
|
||||
(if (seq tgroups)
|
||||
[:div.thread-groups
|
||||
[:& cmt/comment-thread-group
|
||||
{:group (first tgroups)
|
||||
|
@ -179,6 +179,10 @@
|
|||
{:group tgroup
|
||||
:on-thread-click on-thread-click
|
||||
:users users
|
||||
:key (:page-id tgroup)}]])])]))
|
||||
:key (:page-id tgroup)}]])]
|
||||
|
||||
[:div.thread-groups-placeholder
|
||||
i/chat
|
||||
(tr "labels.no-comments-available")])]))
|
||||
|
||||
|
||||
|
|
Loading…
Reference in a new issue