github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-05-27 19:03:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ Add status notification bubble

Browse Source
This commit is contained in:
Elhombretecla 2025-02-04 16:02:51 +01:00
parent 55610545d8
commit 7dbf1fd7ef
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/app/main/ui/workspace/left_header.cljs
View File

@ -108,6 +108,7 @@
{:class (stl/css :file-name) {:class (stl/css :file-name)
:title file-name :title file-name
:on-double-click start-editing-name} :on-double-click start-editing-name}
[:div {:class (stl/css :status-notification)}]
file-name])] file-name])]
(when ^boolean shared? (when ^boolean shared?
[:span {:class (stl/css :shared-badge)} i/library]) [:span {:class (stl/css :shared-badge)} i/library])

12
frontend/src/app/main/ui/workspace/left_header.scss
View File

@ -49,6 +49,9 @@
@include smallTitleTipography; @include smallTitleTipography;
text-transform: none; text-transform: none;
color: var(--title-foreground-color-hover); color: var(--title-foreground-color-hover);
align-items: center;
display: flex;
flex-direction: row;
} }
.file-name-input { .file-name-input {
@ -80,3 +83,12 @@
width: $s-16; width: $s-16;
} }
} }
.status-notification {
width: $s-6;
height: $s-6;
background-color: red;
border-radius: 50%;
margin-right: $s-4;
flex-shrink: 0;
}