diff --git a/frontend/resources/images/assets/penpot-logo-subtle.svg b/frontend/resources/images/assets/penpot-logo-subtle.svg new file mode 100644 index 0000000000..c89c3ece9b --- /dev/null +++ b/frontend/resources/images/assets/penpot-logo-subtle.svg @@ -0,0 +1 @@ + \ 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 28fce174f1..9fc83af078 100644 --- a/frontend/src/app/main/ui/dashboard/sidebar.cljs +++ b/frontend/src/app/main/ui/dashboard/sidebar.cljs @@ -92,6 +92,7 @@ (deprecated-icon/icon-xref :arrow-up-right (stl/css :arrow-up-right-icon))) (def ^:private ^:svg-id penpot-logo-icon "penpot-logo-icon") +(def ^:private ^:svg-id penpot-logo-icon-subtle "penpot-logo-subtle") (mf/defc sidebar-project* {::mf/private true} @@ -340,11 +341,14 @@ [:> dropdown-menu-item* {:on-click on-org-click :data-value default-team-id :class (stl/css :org-dropdown-item)} - [:span {:class (stl/css :org-icon)} - [:> raw-svg* {:id penpot-logo-icon}]] - "Penpot" + [:span {:class (stl/css :my-teams-icon)} + [:> raw-svg* {:id penpot-logo-icon-subtle}]] + [:span {:class (stl/css :team-text) + :title (tr "dashboard.my-teams")} + (tr "dashboard.my-teams")] (when (= default-team-id (:default-team-id organization)) tick-icon)] + [:hr {:role "separator" :class (stl/css :team-separator)}] (for [org-item organizations] [:> dropdown-menu-item* {:on-click on-org-click diff --git a/frontend/src/app/main/ui/dashboard/sidebar.scss b/frontend/src/app/main/ui/dashboard/sidebar.scss index 51b3b929a2..f706cd7578 100644 --- a/frontend/src/app/main/ui/dashboard/sidebar.scss +++ b/frontend/src/app/main/ui/dashboard/sidebar.scss @@ -225,7 +225,7 @@ } .team-separator { - border-top: $b-1 solid var(--dropdown-separator-color); + border-top: $b-1 solid var(--color-background-quaternary); margin: 0; } @@ -645,6 +645,17 @@ } } +.my-teams-icon { + height: var(--sp-xxl); + width: var(--sp-xxl); + + svg { + fill: var(--icon-stroke-color); + width: var(--sp-xxl); + height: var(--sp-xxl); + } +} + .sidebar-org-switch { position: relative; width: 100%; diff --git a/frontend/src/app/main/ui/ds/foundations/assets/raw_svg.cljs b/frontend/src/app/main/ui/ds/foundations/assets/raw_svg.cljs index ca716f677b..96c35a0d60 100644 --- a/frontend/src/app/main/ui/ds/foundations/assets/raw_svg.cljs +++ b/frontend/src/app/main/ui/ds/foundations/assets/raw_svg.cljs @@ -28,6 +28,7 @@ (def ^:svg-id marketing-layers "marketing-layers") (def ^:svg-id penpot-logo "penpot-logo") (def ^:svg-id penpot-logo-icon "penpot-logo-icon") +(def ^:svg-id penpot-logo-subtle "penpot-logo-subtle") (def ^:svg-id empty-placeholder-1-left "empty-placeholder-1-left") (def ^:svg-id empty-placeholder-1-right "empty-placeholder-1-right") (def ^:svg-id empty-placeholder-2-left "empty-placeholder-2-left") diff --git a/frontend/translations/en.po b/frontend/translations/en.po index dea6c21399..201f641b3b 100644 --- a/frontend/translations/en.po +++ b/frontend/translations/en.po @@ -380,6 +380,9 @@ msgstr "+ Create org" msgid "dashboard.create-new-org" msgstr "Create org" +msgid "dashboard.my-teams" +msgstr "My teams" + msgid "dashboard.go-to-admin-console" msgstr "Go to Admin Console" diff --git a/frontend/translations/es.po b/frontend/translations/es.po index ba81ae5297..6d6189b790 100644 --- a/frontend/translations/es.po +++ b/frontend/translations/es.po @@ -389,6 +389,9 @@ msgstr "+ Crear org" msgid "dashboard.create-new-org" msgstr "Crear org" +msgid "dashboard.my-teams" +msgstr "Mis equipos" + msgid "dashboard.go-to-admin-console" msgstr "Ir a la Admin Console"