From 7dbf1fd7efd38ec14fe5eaee741a0c878b3e1054 Mon Sep 17 00:00:00 2001
From: Elhombretecla <delacruzgarciajuan@gmail.com>
Date: Tue, 4 Feb 2025 16:02:51 +0100
Subject: [PATCH] :sparkles: Add status notification bubble

---
 frontend/src/app/main/ui/workspace/left_header.cljs |  1 +
 frontend/src/app/main/ui/workspace/left_header.scss | 12 ++++++++++++
 2 files changed, 13 insertions(+)

diff --git a/frontend/src/app/main/ui/workspace/left_header.cljs b/frontend/src/app/main/ui/workspace/left_header.cljs
index 82b819efd0..49beea406f 100644
--- a/frontend/src/app/main/ui/workspace/left_header.cljs
+++ b/frontend/src/app/main/ui/workspace/left_header.cljs
@@ -108,6 +108,7 @@
          {:class (stl/css :file-name)
           :title file-name
           :on-double-click start-editing-name}
+         [:div {:class (stl/css :status-notification)}]
          file-name])]
      (when ^boolean shared?
        [:span {:class (stl/css :shared-badge)} i/library])
diff --git a/frontend/src/app/main/ui/workspace/left_header.scss b/frontend/src/app/main/ui/workspace/left_header.scss
index 2071017435..81df70691a 100644
--- a/frontend/src/app/main/ui/workspace/left_header.scss
+++ b/frontend/src/app/main/ui/workspace/left_header.scss
@@ -49,6 +49,9 @@
   @include smallTitleTipography;
   text-transform: none;
   color: var(--title-foreground-color-hover);
+  align-items: center;
+  display: flex;
+  flex-direction: row;
 }
 
 .file-name-input {
@@ -80,3 +83,12 @@
     width: $s-16;
   }
 }
+
+.status-notification {
+  width: $s-6;
+  height: $s-6;
+  background-color: red;
+  border-radius: 50%;
+  margin-right: $s-4;
+  flex-shrink: 0;
+}