johanels/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-12-12 06:24:17 +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; @use "refactor/common-refactor.scss" as deprecated;
.element-set { .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 { .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; @use "refactor/common-refactor.scss" as deprecated;
.element-set { .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 { .title-spacing-selected-colors {
@@ -25,6 +31,7 @@
} }
.element-content { .element-content {
grid-column: span 8;
@include deprecated.flexColumn; @include deprecated.flexColumn;
margin-bottom: deprecated.$s-8; 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; @use "refactor/common-refactor.scss" as deprecated;
.element-set { .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 { .title-spacing-export {

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

@@ -316,16 +316,17 @@
#(st/emit! (dw/add-frame-grid id)))] #(st/emit! (dw/add-frame-grid id)))]
[:div {:class (stl/css :element-set)} [:div {:class (stl/css :element-set)}
[:> title-bar* {:collapsable has-frame-grids? [:div {:class (stl/css :element-title)}
:collapsed (not open?) [:> title-bar* {:collapsable has-frame-grids?
:on-collapsed toggle-content :collapsed (not open?)
:class (stl/css-case :title-spacing-board-grid (not has-frame-grids?)) :on-collapsed toggle-content
:title (tr "workspace.options.guides.title")} :class (stl/css-case :title-spacing-board-grid (not has-frame-grids?))
:title (tr "workspace.options.guides.title")}
[:> icon-button* {:variant "ghost" [:> icon-button* {:variant "ghost"
:aria-label (tr "workspace.options.guides.add-guide") :aria-label (tr "workspace.options.guides.add-guide")
:on-click handle-create-grid :on-click handle-create-grid
:icon i/add}]] :icon i/add}]]]
(when (and open? (seq frame-grids)) (when (and open? (seq frame-grids))
[:div {:class (stl/css :element-set-content)} [: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; @use "refactor/common-refactor.scss" as deprecated;
.element-set { .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 { .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; 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-cell-menu-title {
grid-column: span 8;
font-size: deprecated.$fs-11; font-size: deprecated.$fs-11;
} }
.grid-cell-menu-container {
grid-column: span 8;
}
.row { .row {
@include deprecated.flexRow; @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; @use "refactor/common-refactor.scss" as deprecated;
.element-set { .element-set {
margin: 0; display: grid;
grid-template-columns: repeat(8, var(--sp-xxxl));
column-gap: var(--sp-xs);
.element-title { .element-title {
grid-column: span 8;
.title-spacing-layout { .title-spacing-layout {
padding-left: deprecated.$s-2; padding-left: deprecated.$s-2;
margin: 0; 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; @use "refactor/common-refactor.scss" as deprecated;
.element-set { .element-set {
margin: 0; display: grid;
grid-template-columns: repeat(8, var(--sp-xxxl));
column-gap: var(--sp-xs);
} }
.element-title { .element-title {
margin: 0; grid-column: span 8;
} }
.element-content { .element-content {
grid-column: span 8;
@include deprecated.flexColumn; @include deprecated.flexColumn;
margin-top: deprecated.$s-4; margin-top: deprecated.$s-4;
} }