diff --git a/CHANGES.md b/CHANGES.md index 6ec0c6ada6..56de1813be 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -88,6 +88,7 @@ example. It's still usable as before, we just removed the example. - Fix input confirmation behavior is not uniform [Taiga #12294](https://tree.taiga.io/project/penpot/issue/12294) - Fix copy/pasting application/transit+json [Taiga #12721](https://tree.taiga.io/project/penpot/issue/12721) - Fix problem with plugins content attribute [Plugins #209](https://github.com/penpot/penpot-plugins/issues/209) +- Fix U and E icon displayed in project list [Taiga #12806](https://tree.taiga.io/project/penpot/issue/12806) ## 2.11.1 diff --git a/frontend/src/app/main/ui/dashboard/subscription.cljs b/frontend/src/app/main/ui/dashboard/subscription.cljs index fcfb82d1c3..65f8da6894 100644 --- a/frontend/src/app/main/ui/dashboard/subscription.cljs +++ b/frontend/src/app/main/ui/dashboard/subscription.cljs @@ -151,14 +151,16 @@ (mf/defc menu-team-icon* [{:keys [subscription-type]}] - [:span {:class (stl/css :subscription-icon) - :title (if (= subscription-type "unlimited") - (tr "subscription.dashboard.power-up.unlimited-plan") - (tr "subscription.dashboard.power-up.enterprise-plan")) - :data-testid "subscription-icon"} - (case subscription-type - "unlimited" i/character-u - "enterprise" i/character-e)]) + [:span {:class (stl/css :subscription-icon-wrapper)} + [:> icon* {:icon-id (case subscription-type + "unlimited" i/character-u + "enterprise" i/character-e) + :class (stl/css :subscription-icon) + :size "s" + :title (if (= subscription-type "unlimited") + (tr "subscription.dashboard.power-up.unlimited-plan") + (tr "subscription.dashboard.power-up.enterprise-plan")) + :data-testid "subscription-icon"}]]) (mf/defc main-menu-power-up* [{:keys [close-sub-menu]}] diff --git a/frontend/src/app/main/ui/dashboard/subscription.scss b/frontend/src/app/main/ui/dashboard/subscription.scss index a473ea45a9..7d18da543c 100644 --- a/frontend/src/app/main/ui/dashboard/subscription.scss +++ b/frontend/src/app/main/ui/dashboard/subscription.scss @@ -144,20 +144,20 @@ padding: 0; } -.subscription-icon { - @extend .button-icon; +.subscription-icon-wrapper { + display: flex; + justify-content: center; + align-items: center; background: var(--color-background-primary); - stroke: var(--color-foreground-secondary); - border-radius: 6px; + border-radius: $br-6; border: 1.75px solid var(--color-foreground-secondary); - stroke-width: 2.25px; - width: var(--sp-xl); - height: var(--sp-xl); + block-size: var(--sp-xl); + inline-size: var(--sp-xl); +} - svg { - block-size: var(--sp-m); - inline-size: var(--sp-m); - } +.subscription-icon { + stroke: var(--color-foreground-secondary); + stroke-width: 2.25px; } .menu-item {