github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-05-20 07:23:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix delete page icon being clipped (#9685)

Browse Source
This commit is contained in:
Belén Albeza 2026-05-15 13:41:38 +02:00 committed by GitHub
parent fc36fb0959
commit 0300058605
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs
View File

@ -220,10 +220,11 @@
name]
[:div {:class (stl/css :page-actions)}
(when (and deletable? (not read-only?))
[:> icon-button* {:variant "ghost"
[:> icon-button* {:variant "action"
:aria-label (tr "modals.delete-page.title")
:on-click on-delete
:icon-size "s"
:icon-class (stl/css :page-delete-button-icon)
:icon i/delete}])]])])]])))
;; --- Page Item Wrapper

21
frontend/src/app/main/ui/workspace/sidebar/sitemap.scss
View File

@ -55,6 +55,10 @@
margin-bottom: deprecated.$s-12;
}
.page-delete-button-icon {
color: transparent;
}
.page-element {
@include deprecated.body-small-typography;
@ -102,23 +106,6 @@
height: deprecated.$s-32;
display: flex;
align-items: center;
button {
@include deprecated.button-style;
@include deprecated.flex-center;
width: deprecated.$s-24;
height: 100%;
opacity: deprecated.$op-0;
svg {
@extend %button-icon-small;
color: transparent;
fill: none;
stroke: var(--icon-foreground);
}
}
}
.element-name {