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

🐛 Fix page and delete page icons in the sidebar

Browse Source 
* 🐛 Fix page delete icon not disappearing on selected page

* 🐛 Fix page icon being clipped on its right side
This commit is contained in:
Belén Albeza 2026-05-21 09:14:45 +02:00 committed by GitHub
parent 857aa4175c
commit d7a50735ba
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -224,6 +224,7 @@
:aria-label (tr "modals.delete-page.title")
:on-click on-delete
:icon-size "s"
:class (stl/css :page-delete-button)
:icon-class (stl/css :page-delete-button-icon)
:icon i/delete}])]])])]])))

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

@ -55,8 +55,12 @@
margin-bottom: deprecated.$s-12;
}
.page-delete-button {
--delete-button-display: none;
}
.page-delete-button-icon {
color: transparent;
display: var(--delete-button-display);
}
.page-element {
@ -97,8 +101,6 @@
.page-icon {
@include deprecated.flex-center;
height: deprecated.$s-32;
width: deprecated.$s-24;
padding: 0 deprecated.$s-4 0 deprecated.$s-8;
}
@ -136,12 +138,6 @@
color: var(--layer-row-foreground-color-drag);
background-color: var(--layer-row-background-color-drag);
.page-actions button {
svg {
stroke: var(--layer-row-foreground-color-drag);
}
}
.page-icon svg {
stroke: var(--layer-row-foreground-color-drag);
}
@ -156,12 +152,6 @@
box-shadow: deprecated.$s-16 deprecated.$s-0 deprecated.$s-0 deprecated.$s-0
var(--layer-row-background-color-selected);
.page-actions button {
svg {
stroke: var(--layer-row-foreground-color-selected);
}
}
.page-icon svg {
stroke: var(--layer-row-foreground-color-selected);
}
@ -179,9 +169,7 @@
.page-actions button {
opacity: deprecated.$op-10;
svg {
stroke: var(--layer-row-foreground-color-hover);
}
--delete-button-display: initial;
}
.page-icon svg {
@ -218,12 +206,6 @@
background-color: var(--layer-row-background-color-hidden);
opacity: deprecated.$op-7;
.page-actions button {
svg {
stroke: var(--layer-row-foreground-color-hidden);
}
}
.page-icon svg {
stroke: var(--layer-row-foreground-color-hidden);
}