From 22fbc3fa5f2abec7e036df37d1ef85933d6339d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mar=C3=ADa=20Valderrama?= <mavalroot@gmail.com>
Date: Thu, 19 Jun 2025 15:28:32 +0200
Subject: [PATCH] :lipstick: Improve dashboard's sidebar (#6736)

---
 CHANGES.md                                      |  3 ++-
 frontend/src/app/main/ui/dashboard/sidebar.cljs |  4 ++++
 frontend/src/app/main/ui/dashboard/sidebar.scss | 11 ++++++++++-
 frontend/translations/en.po                     |  6 ++++++
 frontend/translations/es.po                     |  6 ++++++
 5 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index 22c8a5809b..756b05f36f 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -11,6 +11,7 @@
 ### :sparkles: New features & Enhancements
 
 - On components overrides, separate the content of the text from the rest of properties [Taiga #7434](https://tree.taiga.io/project/penpot/us/7434)
+- Improve dashboard's sidebar [Taiga #10700](https://tree.taiga.io/project/penpot/us/10700)
 
 ### :bug: Bugs fixed
 
@@ -2535,4 +2536,4 @@ time being.
 
 ## 1.0.0-alpha
 
-Initial release
+Initial release
\ No newline at end of file
diff --git a/frontend/src/app/main/ui/dashboard/sidebar.cljs b/frontend/src/app/main/ui/dashboard/sidebar.cljs
index 284ddb0b50..6134df0313 100644
--- a/frontend/src/app/main/ui/dashboard/sidebar.cljs
+++ b/frontend/src/app/main/ui/dashboard/sidebar.cljs
@@ -847,6 +847,8 @@
 
 
       [:div {:class (stl/css :sidebar-content-section)}
+       [:div {:class (stl/css :sidebar-section-title)}
+        (tr "labels.sources")]
        [:ul {:class (stl/css :sidebar-nav)}
         [:li {:class (stl/css-case :sidebar-nav-item true
                                    :current fonts?)}
@@ -859,6 +861,8 @@
 
       [:div {:class (stl/css :sidebar-content-section)
              :data-testid "pinned-projects"}
+       [:div {:class (stl/css :sidebar-section-title)}
+        (tr "labels.pinned-projects")]
        (if (seq pinned-projects)
          [:ul {:class (stl/css :sidebar-nav :pinned-projects)}
           (for [item pinned-projects]
diff --git a/frontend/src/app/main/ui/dashboard/sidebar.scss b/frontend/src/app/main/ui/dashboard/sidebar.scss
index cdc4c57b46..784cca5c7a 100644
--- a/frontend/src/app/main/ui/dashboard/sidebar.scss
+++ b/frontend/src/app/main/ui/dashboard/sidebar.scss
@@ -4,6 +4,9 @@
 //
 // Copyright (c) KALEIDOS INC
 
+@use "../ds/typography.scss" as *;
+@use "../ds/colors.scss" as *;
+@use "../ds/spacing.scss" as *;
 @use "common/refactor/common-refactor.scss" as *;
 @use "common/refactor/common-dashboard";
 @use "../ds/typography.scss" as t;
@@ -46,6 +49,12 @@
   border-bottom: $b-1 solid var(--color-background-quaternary);
 }
 
+.sidebar-section-title {
+  @include use-typography("headline-small");
+  padding: 0 var(--sp-s) var(--sp-s) var(--sp-xxl);
+  color: var(--color-foreground-secondary);
+}
+
 // SIDEBAR TEAM SWITCH
 .sidebar-team-switch {
   position: relative;
@@ -268,7 +277,7 @@
 .element-title {
   @include textEllipsis;
   width: $s-256;
-  color: var(--sidebar-element-foreground-color);
+  color: var(--color-foreground-primary);
   font-size: $fs-14;
 }
 
diff --git a/frontend/translations/en.po b/frontend/translations/en.po
index 387a82bbd6..a0154de987 100644
--- a/frontend/translations/en.po
+++ b/frontend/translations/en.po
@@ -7861,3 +7861,9 @@ msgstr "Autosaved versions will be kept for %s days."
 #, unused
 msgid "workspace.viewport.click-to-close-path"
 msgstr "Click to close the path"
+
+msgid "labels.sources"
+msgstr "Sources"
+
+msgid "labels.pinned-projects"
+msgstr "Pinned Projects"
\ No newline at end of file
diff --git a/frontend/translations/es.po b/frontend/translations/es.po
index 0b8b2f99b9..da5a75f8c5 100644
--- a/frontend/translations/es.po
+++ b/frontend/translations/es.po
@@ -7824,3 +7824,9 @@ msgstr "Los autoguardados duran %s días."
 #, unused
 msgid "workspace.viewport.click-to-close-path"
 msgstr "Pulsar para cerrar la ruta"
+
+msgid "labels.sources"
+msgstr "Recursos"
+
+msgid "labels.pinned-projects"
+msgstr "Proyectos fijados"
\ No newline at end of file