mirror
/
penpot
mirror of https://github.com/penpot/penpot.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix horizontal scroll on layer panel (#7956)

This commit is contained in:
Eva Marco 2025-12-11 21:34:18 +01:00 committed by GitHub
parent 2f46cbc0d4
commit 50dbe6ab12
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGES.md
View File

@ -94,6 +94,7 @@ example. It's still usable as before, we just removed the example.
- Fix incorrect interaction betwen hower and scroll on assets sidebar [Taiga #12389](https://tree.taiga.io/project/penpot/issue/12389) - Fix incorrect interaction betwen hower and scroll on assets sidebar [Taiga #12389](https://tree.taiga.io/project/penpot/issue/12389)
- Fix switch variants with paths [Taiga #12841](https://tree.taiga.io/project/penpot/issue/12841) - Fix switch variants with paths [Taiga #12841](https://tree.taiga.io/project/penpot/issue/12841)
- Fix referencing typography tokens on font-family tokens [Taiga #12492](https://tree.taiga.io/project/penpot/issue/12492) - Fix referencing typography tokens on font-family tokens [Taiga #12492](https://tree.taiga.io/project/penpot/issue/12492)
- Fix horizontal scroll on layer panel [Taiga #12843](https://tree.taiga.io/project/penpot/issue/12843)
## 2.11.1 ## 2.11.1

3
frontend/src/app/main/ui/workspace/sidebar/layer_item.scss
View File

@ -5,6 +5,7 @@
// Copyright (c) KALEIDOS INC // Copyright (c) KALEIDOS INC
@use "refactor/common-refactor.scss" as deprecated; @use "refactor/common-refactor.scss" as deprecated;
@use "ds/_utils.scss" as *;
.layer-row { .layer-row {
--layer-indentation-size: calc(#{deprecated.$s-4} * 6); --layer-indentation-size: calc(#{deprecated.$s-4} * 6);
@ -87,7 +88,7 @@
height: deprecated.$s-32; height: deprecated.$s-32;
width: calc(100% - (var(--depth) * var(--layer-indentation-size))); width: calc(100% - (var(--depth) * var(--layer-indentation-size)));
cursor: pointer; cursor: pointer;
min-width: px2rem(140);
&.filtered { &.filtered {
width: calc(100% - deprecated.$s-12); width: calc(100% - deprecated.$s-12);
} }

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

@ -211,9 +211,7 @@
overflow-x: auto; overflow-x: auto;
overflow-y: overlay; overflow-y: overlay;
scrollbar-gutter: stable; scrollbar-gutter: stable;
}
.element-list { .element-list {
width: var(--left-sidebar-width); display: grid;
display: grid;
}
} }