github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-07 13:29:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix alignment from organization and team selector

Browse Source
This commit is contained in:
Marina López 2026-07-27 13:27:56 +02:00
parent 7674229a5b
commit 0c02121d5d
2 changed files with 2 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/app/main/ui/dashboard/sidebar.cljs
View File

@ -349,7 +349,7 @@
[:> dropdown-menu-item* {:on-click on-org-click [:> dropdown-menu-item* {:on-click on-org-click
:data-value default-team-id :data-value default-team-id
:class (stl/css :org-dropdown-item :org-dropdown-item-default-logo)} :class (stl/css :org-dropdown-item)}
[:span {:class (stl/css :my-teams-icon)} [:span {:class (stl/css :my-teams-icon)}
[:> raw-svg* {:id penpot-logo-icon-subtle}]] [:> raw-svg* {:id penpot-logo-icon-subtle}]]
[:span {:class (stl/css :team-text) [:span {:class (stl/css :team-text)
@ -791,8 +791,7 @@
:on-key-down on-show-orgs-keydown :on-key-down on-show-orgs-keydown
:aria-expanded show-orgs-menu? :aria-expanded show-orgs-menu?
:aria-haspopup "menu"} :aria-haspopup "menu"}
[:div {:class (stl/css-case :team-name true [:div {:class (stl/css :team-name)}
:team-name-default-logo default-org?)}
(if default-org? (if default-org?
[:* [:*
[:span {:class (stl/css :my-teams-icon-xxxl)} [:span {:class (stl/css :my-teams-icon-xxxl)}

8
frontend/src/app/main/ui/dashboard/sidebar.scss
View File

@ -109,10 +109,6 @@
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.team-name-default-logo {
gap: var(--sp-xs);
}
.team-text { .team-text {
@include deprecated.text-ellipsis; @include deprecated.text-ellipsis;
@include t.use-typography("title-small"); @include t.use-typography("title-small");
@ -210,10 +206,6 @@
padding-inline-start: var(--sp-m); padding-inline-start: var(--sp-m);
} }
.org-dropdown-item-default-logo {
gap: var(--sp-xs);
}
.action { .action {
--sidebar-action-icon-color: var(--icon-foreground); --sidebar-action-icon-color: var(--icon-foreground);
--sidebar-icon-backgroun-color: var(--color-background-secondary); --sidebar-icon-backgroun-color: var(--color-background-secondary);