diff --git a/frontend/resources/locales.json b/frontend/resources/locales.json index 903ebc0e7..7bc30a867 100644 --- a/frontend/resources/locales.json +++ b/frontend/resources/locales.json @@ -1405,6 +1405,15 @@ "es" : "Salir" } }, + "labels.feedback" : { + "used-in" : [ "src/app/main/ui/settings.cljs:31", "src/app/main/ui/dashboard/sidebar.cljs:456" ], + "translations" : { + "en" : "Give feedback", + "fr" : "Donnez votre avis", + "ru" : "Дать обратную связь", + "es" : "Danos tu opinión" + } + }, "labels.members" : { "used-in" : [ "src/app/main/ui/dashboard/sidebar.cljs:299", "src/app/main/ui/dashboard/team.cljs:60", "src/app/main/ui/dashboard/team.cljs:66" ], "translations" : { diff --git a/frontend/resources/styles/main/partials/dashboard-sidebar.scss b/frontend/resources/styles/main/partials/dashboard-sidebar.scss index d2803a37d..339b51ec0 100644 --- a/frontend/resources/styles/main/partials/dashboard-sidebar.scss +++ b/frontend/resources/styles/main/partials/dashboard-sidebar.scss @@ -370,7 +370,8 @@ display: flex; flex-grow: 1; - span { + span, + a { @include text-ellipsis; color: $color-black; margin: 10px 5px; @@ -396,7 +397,6 @@ left: 15px; bottom: 45px; min-width: 189px; - width: 170px; @include animation(0,.2s,fadeInUp); @@ -412,6 +412,19 @@ height: 12px; width: 12px; } + + &.feedback { + border-top: 1px solid $color-gray-10; + } } } } + +span.primary-badge { + border: 1px solid $color-primary; + border-radius: 2px; + font-size: $fs9 !important; + font-weight: bold; + color: $color-primary !important; + padding: 2px 2px; +} diff --git a/frontend/src/app/main/ui/dashboard/sidebar.cljs b/frontend/src/app/main/ui/dashboard/sidebar.cljs index 193c72b3b..c4b12f096 100644 --- a/frontend/src/app/main/ui/dashboard/sidebar.cljs +++ b/frontend/src/app/main/ui/dashboard/sidebar.cljs @@ -453,7 +453,11 @@ [:span.text (t locale "labels.password")]] [:li {:on-click (partial on-click (da/logout))} [:span.icon i/exit] - [:span.text (t locale "labels.logout")]]]]] + [:span.text (t locale "labels.logout")]] + [:li.feedback + [:span.icon i/msg-info] + [:a.text {:href "https://github.com/penpot/penpot/discussions" :target "_blank"} (t locale "labels.feedback")] + [:span.primary-badge "ALPHA"]]]]] (when (and team profile) [:& comments-section {:profile profile