3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-07 14:38:33 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix right-sidebar width overflow

Browse source
This commit is contained in:
Elena Torro 2025-06-18 09:08:30 +02:00
parent 5d72954611
commit f7c4bd77be
3 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
CHANGES.md
View file

@ -51,6 +51,7 @@ on-premises instances** that want to keep up to date.
- Misalignments at Create account [Taiga #11315](https://tree.taiga.io/project/penpot/issue/11315) - Misalignments at Create account [Taiga #11315](https://tree.taiga.io/project/penpot/issue/11315)
- Fix issue with importing files where flex/grid is used [Taiga #11334](https://tree.taiga.io/project/penpot/issue/11334) - Fix issue with importing files where flex/grid is used [Taiga #11334](https://tree.taiga.io/project/penpot/issue/11334)
- Fix wrong color in the export progress bar [Taiga #11299](https://tree.taiga.io/project/penpot/issue/11299) - Fix wrong color in the export progress bar [Taiga #11299](https://tree.taiga.io/project/penpot/issue/11299)
- Fix right sidebar width overflow on long layer names [Taiga #11212](https://tree.taiga.io/project/penpot/issue/11212)
## 2.7.2 ## 2.7.2

2
frontend/src/app/main/ui/inspect/right_sidebar.scss
View file

@ -35,7 +35,7 @@
.shape-row { .shape-row {
display: grid; display: grid;
grid-template-columns: auto 1fr; grid-template-columns: auto minmax(0, 1fr);
gap: $s-8; gap: $s-8;
align-items: center; align-items: center;
height: $s-32; height: $s-32;

2
frontend/src/app/main/ui/workspace/sidebar.scss
View file

@ -63,7 +63,7 @@ $width-settings-bar-max: $sz-500;
.right-settings-bar { .right-settings-bar {
grid-area: right-sidebar; grid-area: right-sidebar;
display: grid; display: grid;
grid-template-rows: auto 1fr; grid-template-rows: auto minmax(0, 1fr);
height: 100vh; height: 100vh;
width: $width-settings-bar; width: $width-settings-bar;
background-color: var(--panel-background-color); background-color: var(--panel-background-color);