Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-20 03:31:24 -05:00
Code Issues Activity

🐛 Fix sizes of dropdowns in the export section

Browse source
This commit is contained in:
Belén Albeza 2024-01-03 16:34:50 +01:00 • committed by Andrey Antukh
parent 824e7d76ae
commit b3684990f1
1 changed files with 36 additions and 27 deletions

63
frontend/src/app/main/ui/workspace/sidebar/options/menus/exports.scss
View file

@ -48,33 +48,10 @@
}
.element-group {
@include flexRow;
.input-wrapper {
@include flexRow;
.format-select {
width: $s-60;
padding: 0;
.dropdown-upwards {
bottom: $s-36;
width: $s-80;
top: unset;
}
}
.size-select {
width: $s-60;
padding: 0;
.dropdown-upwards {
bottom: $s-36;
top: unset;
width: $s-80;
}
}
.suffix-input {
@extend .input-element;
min-width: $s-92;
flex-grow: 1;
}
}
display: grid;
grid-template-columns: repeat(8, 1fr);
column-gap: $s-4;
.action-btn {
@extend .button-tertiary;
height: $s-32;
@ -85,6 +62,38 @@
}
}
.input-wrapper {
grid-column: span 7;
display: grid;
grid-template-columns: subgrid;
}
.format-select {
grid-column: span 2;
padding: 0;
.dropdown-upwards {
bottom: $s-36;
width: $s-80;
top: unset;
}
}
.size-select {
grid-column: span 2;
padding: 0;
.dropdown-upwards {
bottom: $s-36;
top: unset;
width: $s-80;
}
}
.suffix-input {
grid-column: span 3;
@extend .input-element;
}
.export-btn {
@extend .button-secondary;
@include tabTitleTipography;