github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-06-09 08:52:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix overflow on delete account modal with many owned orgs

Browse Source
This commit is contained in:
Juanfran 2026-06-01 14:23:18 +02:00
parent d0f6d5b3a1
commit e12e5f8373
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/app/main/ui/settings/delete_account.cljs
View File

@ -66,11 +66,12 @@
:on-click modal/hide!} deprecated-icon/close]]
[:div {:class (stl/css :modal-content)}
[:& context-notification
{:level :warning
:content (tr (if has-orgs?
"modals.delete-account.info.with-orgs"
"modals.delete-account.info"))}]
[:div {:class (stl/css :warning-notice)}
[:& context-notification
{:level :warning
:content (tr (if has-orgs?
"modals.delete-account.info.with-orgs"
"modals.delete-account.info"))}]]
(when has-orgs?
[:div {:class (stl/css :orgs-section)}

13
frontend/src/app/main/ui/settings/delete_account.scss
View File

@ -17,6 +17,8 @@
.modal-container {
@extend %modal-container-base;
display: flex;
flex-direction: column;
min-width: deprecated.$s-408;
}
@ -38,10 +40,16 @@
@include deprecated.flex-column;
@include deprecated.body-small-typography;
flex: 1 1 auto;
min-height: 0;
gap: deprecated.$s-24;
margin-bottom: deprecated.$s-24;
}
.warning-notice {
flex-shrink: 0;
}
.fields-row {
@include deprecated.flex-column;
}
@ -57,6 +65,8 @@
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
gap: var(--sp-l);
}
@ -87,10 +97,13 @@
.org-list {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
gap: var(--sp-l);
margin: 0;
padding: 0;
list-style: none;
overflow-y: auto;
}
.org-item {