From 2642a522f262980e6d5bce6b72d6e0c52de652f0 Mon Sep 17 00:00:00 2001
From: DCCONSTRUCTIONS <dcconstructions@MacBook-Pro-DCCONSTRUCTIONS-2.local>
Date: Fri, 24 Apr 2026 12:06:07 +0300
Subject: [PATCH] =?UTF-8?q?UI=20-=20=D0=9C=D0=95=D0=96=D0=9F=D0=A0=D0=9E?=
 =?UTF-8?q?=D0=95=D0=9A=D0=A2=D0=9D=D0=90=D0=AF=20=D0=9A=D0=9E=D0=9C=D0=9C?=
 =?UTF-8?q?=D0=A3=D0=9D=D0=98=D0=9A=D0=90=D0=A6=D0=98=D0=AF:=20=D0=BC?=
 =?UTF-8?q?=D0=B0=D1=80=D0=BA=D0=B5=D1=80=20=D1=82=D0=B5=D0=BA=D1=83=D1=89?=
 =?UTF-8?q?=D0=B5=D0=B3=D0=BE=20=D0=B4=D0=BD=D1=8F=20=D0=B2=20=D0=93=D0=B0?=
 =?UTF-8?q?=D0=BD=D1=82=D0=B5=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD=D0=BE=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../gantt-chart/preview/timeline-preview.tsx  | 13 ++++-
 plane-src/apps/web/styles/globals.css         | 56 ++++++++++++++++++-
 2 files changed, 65 insertions(+), 4 deletions(-)

diff --git a/plane-src/apps/web/core/components/gantt-chart/preview/timeline-preview.tsx b/plane-src/apps/web/core/components/gantt-chart/preview/timeline-preview.tsx
index 93226d0..ffef5c9 100644
--- a/plane-src/apps/web/core/components/gantt-chart/preview/timeline-preview.tsx
+++ b/plane-src/apps/web/core/components/gantt-chart/preview/timeline-preview.tsx
@@ -148,6 +148,14 @@ const getTimelineTicks = (startDate: Date, endDate: Date, dayWidth: number, step
   });
 };
 
+const getShortDateLabel = (date: Date, locale: string) =>
+  new Intl.DateTimeFormat(locale || "ru-RU", {
+    day: "numeric",
+    month: "short",
+  })
+    .format(date)
+    .toUpperCase();
+
 export function GanttTimelinePreview(props: TGanttTimelinePreviewProps) {
   const { emptyMessage, isLoading = false, items, locale, subtitle, title } = props;
   const [activeRange, setActiveRange] = useState<TGanttPreviewRange>("Live");
@@ -204,6 +212,7 @@ export function GanttTimelinePreview(props: TGanttTimelinePreviewProps) {
       blocks,
       canvasWidth,
       ticks: getTimelineTicks(startDate, endDate, settings.dayWidth, settings.tickStepDays, locale),
+      todayLabel: getShortDateLabel(today, locale),
       timelineWidth,
       todayLeft: getDaysBetween(startDate, today) * settings.dayWidth,
     };
@@ -270,7 +279,9 @@ export function GanttTimelinePreview(props: TGanttTimelinePreviewProps) {
                   <span>{tick.label}</span>
                 </div>
               ))}
-              <div className="nodedc-home-gantt-today-line" style={{ left: `${timeline.todayLeft}px` }} />
+              <div className="nodedc-home-gantt-today-marker" style={{ left: `${timeline.todayLeft}px` }}>
+                <span className="nodedc-home-gantt-today-pill">Сегодня · {timeline.todayLabel}</span>
+              </div>
             </div>
 
             <div className={cn("relative z-[1] space-y-3 pt-12", { "space-y-2": isCompactMode })}>
diff --git a/plane-src/apps/web/styles/globals.css b/plane-src/apps/web/styles/globals.css
index 0ccf888..756c08e 100644
--- a/plane-src/apps/web/styles/globals.css
+++ b/plane-src/apps/web/styles/globals.css
@@ -1798,13 +1798,63 @@
     text-transform: uppercase;
   }
 
-  .nodedc-home-gantt-today-line {
+  .nodedc-home-gantt-today-marker {
     position: absolute;
     top: 0;
     bottom: 0;
+    z-index: 3;
+    width: 0;
+    pointer-events: none;
+  }
+
+  .nodedc-home-gantt-today-marker::before {
+    position: absolute;
+    top: 2.65rem;
+    bottom: 0.35rem;
+    left: -1px;
     width: 2px;
-    background: rgba(var(--nodedc-card-active-rgb), 0.42);
-    box-shadow: 0 0 18px rgba(var(--nodedc-card-active-rgb), 0.28);
+    border-radius: 999px;
+    background: rgb(var(--nodedc-card-active-rgb));
+    box-shadow:
+      0 0 0 1px rgba(0, 0, 0, 0.42),
+      0 0 22px rgba(var(--nodedc-card-active-rgb), 0.52);
+    content: "";
+  }
+
+  .nodedc-home-gantt-today-marker::after {
+    position: absolute;
+    top: 2.45rem;
+    left: -0.3rem;
+    width: 0.6rem;
+    height: 0.6rem;
+    border-radius: 999px;
+    background: rgb(var(--nodedc-card-active-rgb));
+    box-shadow:
+      0 0 0 0.28rem rgba(0, 0, 0, 0.62),
+      0 0 24px rgba(var(--nodedc-card-active-rgb), 0.62);
+    content: "";
+  }
+
+  .nodedc-home-gantt-today-pill {
+    position: absolute;
+    top: 0.15rem;
+    left: 0;
+    display: inline-flex;
+    height: 1.75rem;
+    align-items: center;
+    border-radius: 999px;
+    background: rgb(var(--nodedc-card-active-rgb));
+    padding-inline: 0.72rem;
+    color: rgb(var(--nodedc-on-card-active-rgb));
+    font-size: 0.67rem;
+    font-weight: 800;
+    letter-spacing: 0;
+    text-transform: uppercase;
+    white-space: nowrap;
+    box-shadow:
+      inset 0 1px 0 rgba(255, 255, 255, 0.42),
+      0 12px 24px rgba(0, 0, 0, 0.24);
+    transform: translateX(-50%);
   }
 
   .nodedc-home-gantt-row {