github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-05-31 04:38:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix settings dropdown (#9883)

Browse Source
This commit is contained in:
Eva Marco 2026-05-27 13:44:06 +02:00 committed by GitHub
parent 1a1c7355e2
commit 7d76a1caa3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/main/ui/components/select.scss
View File

@ -10,6 +10,7 @@
@use "ds/colors.scss" as *; @use "ds/colors.scss" as *;
@use "ds/mixins.scss" as *; @use "ds/mixins.scss" as *;
@use "ds/z-index.scss" as *; @use "ds/z-index.scss" as *;
@use "ds/_utils.scss" as *;
.custom-select { .custom-select {
@include custom-scrollbar; @include custom-scrollbar;
@ -103,7 +104,6 @@
block-size: $sz-12; block-size: $sz-12;
inline-size: $sz-12; inline-size: $sz-12;
stroke-width: 1.33px; stroke-width: 1.33px;
visibility: hidden;
stroke: var(--color-foreground-secondary); stroke: var(--color-foreground-secondary);
transform: rotate(90deg); transform: rotate(90deg);
} }
@ -136,10 +136,10 @@
top: $sz-32; top: $sz-32;
left: 0; left: 0;
inline-size: 100%; inline-size: 100%;
max-block-size: var(--menu-max-height, #{px2rem(300)}); max-block-size: var(--menu-max-height, px2rem(300));
padding: var(--sp-xxs); padding: var(--sp-xxs);
margin: 0; margin: 0;
margin-block-start: px2rem(1); margin-block-start: 1px;
border-radius: $br-8; border-radius: $br-8;
z-index: var(--z-index-dropdown); z-index: var(--z-index-dropdown);
overflow: hidden auto; overflow: hidden auto;
@ -152,6 +152,12 @@
block-size: $sz-12; block-size: $sz-12;
border-block-start: $b-1 solid var(--color-background-primary); border-block-start: $b-1 solid var(--color-background-primary);
} }
&[data-direction="up"] {
bottom: $sz-32;
top: auto;
max-block-size: var(--menu-max-height-up, px2rem(300));
}
} }
.current-label-input { .current-label-input {

3
frontend/src/app/main/ui/settings.scss
View File

@ -6,6 +6,7 @@
@use "refactor/common-refactor.scss" as deprecated; @use "refactor/common-refactor.scss" as deprecated;
@use "common/refactor/common-dashboard"; @use "common/refactor/common-dashboard";
@use "ds/mixins.scss" as *;
.dashboard { .dashboard {
background-color: var(--app-background); background-color: var(--app-background);
@ -16,6 +17,8 @@
} }
.dashboard-content { .dashboard-content {
@include custom-scrollbar;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;

3
frontend/src/app/main/ui/settings/options.scss
View File

@ -7,12 +7,15 @@
@use "./profile" as *; @use "./profile" as *;
@use "ds/_sizes.scss" as *; @use "ds/_sizes.scss" as *;
@use "ds/_borders.scss" as *; @use "ds/_borders.scss" as *;
@use "ds/_utils.scss" as *;
.dashboard-settings { .dashboard-settings {
display: grid; display: grid;
} }
.form-container { .form-container {
--menu-max-height-up: #{px2rem(180)};
&:first-child { &:first-child {
margin-block-end: var(--sp-xxxl); margin-block-end: var(--sp-xxxl);
} }

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

@ -5,8 +5,11 @@
// Copyright (c) KALEIDOS INC // Copyright (c) KALEIDOS INC
@use "refactor/common-refactor.scss" as deprecated; @use "refactor/common-refactor.scss" as deprecated;
@use "ds/mixins.scss" as *;
.dashboard-sidebar { .dashboard-sidebar {
@include custom-scrollbar;
grid-column: 1 / span 2; grid-column: 1 / span 2;
grid-row: 1 / span 2; grid-row: 1 / span 2;
display: grid; display: grid;