johanels/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-12-11 22:14:05 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

🐛 Fix misaligned right sidebar menus
Some checks failed
Commit Message Check / Check Commit Message (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Luis de Dios
2025-11-02 12:17:39 +01:00
committed by Andrey Antukh
parent febe87aa7b
commit 95fdd75030
8 changed files with 61 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/main/ui/workspace/sidebar/options/menus/blur.scss
View File

@@ -7,7 +7,13 @@
@use "refactor/common-refactor.scss" as deprecated;
.element-set {
margin: 0;
display: grid;
grid-template-columns: repeat(8, var(--sp-xxxl));
column-gap: var(--sp-xs);
}
.element-title {
grid-column: span 8;
}
.title-spacing-blur {

9
frontend/src/app/main/ui/workspace/sidebar/options/menus/color_selection.scss
View File

@@ -7,7 +7,13 @@
@use "refactor/common-refactor.scss" as deprecated;
.element-set {
margin: 0;
display: grid;
grid-template-columns: repeat(8, var(--sp-xxxl));
column-gap: var(--sp-xs);
}
.element-title {
grid-column: span 8;
}
.title-spacing-selected-colors {
@@ -25,6 +31,7 @@
}
.element-content {
grid-column: span 8;
@include deprecated.flexColumn;
margin-bottom: deprecated.$s-8;
}

8
frontend/src/app/main/ui/workspace/sidebar/options/menus/exports.scss
View File

@@ -7,7 +7,13 @@
@use "refactor/common-refactor.scss" as deprecated;
.element-set {
margin: 0;
display: grid;
grid-template-columns: repeat(8, var(--sp-xxxl));
column-gap: var(--sp-xs);
}
.element-title {
grid-column: span 8;
}
.title-spacing-export {

3
frontend/src/app/main/ui/workspace/sidebar/options/menus/frame_grid.cljs
View File

@@ -316,6 +316,7 @@
#(st/emit! (dw/add-frame-grid id)))]
[:div {:class (stl/css :element-set)}
[:div {:class (stl/css :element-title)}
[:> title-bar* {:collapsable has-frame-grids?
:collapsed (not open?)
:on-collapsed toggle-content
@@ -325,7 +326,7 @@
[:> icon-button* {:variant "ghost"
:aria-label (tr "workspace.options.guides.add-guide")
:on-click handle-create-grid
:icon i/add}]]
:icon i/add}]]]
(when (and open? (seq frame-grids))
[:div {:class (stl/css :element-set-content)}

8
frontend/src/app/main/ui/workspace/sidebar/options/menus/frame_grid.scss
View File

@@ -7,7 +7,13 @@
@use "refactor/common-refactor.scss" as deprecated;
.element-set {
margin: 0;
display: grid;
grid-template-columns: repeat(8, var(--sp-xxxl));
column-gap: var(--sp-xs);
}
.element-title {
grid-column: span 8;
}
.title-spacing-board-grid {

11
frontend/src/app/main/ui/workspace/sidebar/options/menus/grid_cell.scss
View File

@@ -12,10 +12,21 @@
gap: deprecated.$s-16;
}
.grid-cell-menu {
display: grid;
grid-template-columns: repeat(8, var(--sp-xxxl));
column-gap: var(--sp-xs);
}
.grid-cell-menu-title {
grid-column: span 8;
font-size: deprecated.$fs-11;
}
.grid-cell-menu-container {
grid-column: span 8;
}
.row {
@include deprecated.flexRow;
}

7
frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.scss
View File

@@ -7,8 +7,13 @@
@use "refactor/common-refactor.scss" as deprecated;
.element-set {
margin: 0;
display: grid;
grid-template-columns: repeat(8, var(--sp-xxxl));
column-gap: var(--sp-xs);
.element-title {
grid-column: span 8;
.title-spacing-layout {
padding-left: deprecated.$s-2;
margin: 0;

7
frontend/src/app/main/ui/workspace/sidebar/options/menus/text.scss
View File

@@ -7,14 +7,17 @@
@use "refactor/common-refactor.scss" as deprecated;
.element-set {
margin: 0;
display: grid;
grid-template-columns: repeat(8, var(--sp-xxxl));
column-gap: var(--sp-xs);
}
.element-title {
margin: 0;
grid-column: span 8;
}
.element-content {
grid-column: span 8;
@include deprecated.flexColumn;
margin-top: deprecated.$s-4;
}