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

🎉 Add size presets for frames options.

Browse source
This commit is contained in:
Andrés Moya 2020-03-25 14:30:57 +01:00 • committed by Andrey Antukh
parent 461e003805
commit 97141bfb7a
4 changed files with 184 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

57
frontend/resources/styles/main/partials/sidebar-element-options.scss
View file

@ -254,6 +254,63 @@
width: 100%;
}
.custom-select {
border: 1px solid $color-gray-40;
padding: $x-small $big $x-small $x-small;
position: relative;
.dropdown-button {
position: absolute;
right: $x-small;
top: $small;
svg {
fill: $color-gray-40;
height: 10px;
width: 10px;
}
}
.custom-select-dropdown {
position: absolute;
right: 0;
z-index: 12;
width: 200px;
max-height: 30rem;
min-width: 7rem;
overflow-y: auto;
background-color: $color-white;
border-radius: $br-small;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
li {
color: $color-gray-60;
cursor: pointer;
font-size: $fs14;
display: flex;
padding: $small;
span {
color: $color-gray-20;
margin-left: auto;
}
&.dropdown-label:not(:first-child) {
border-top: 1px solid $color-gray-10;
}
&.dropdown-label span {
margin-left: 0;
}
&:hover {
background-color: $color-primary-lighter;
}
}
}
}
.editable-select {
position: relative;
width: 100%;