3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-04 07:28:33 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎉 Enhance line caps selectors

Browse source
This commit is contained in:
Andrés Moya 2021-08-19 15:04:43 +02:00 • committed by Andrey Antukh
parent 837985ccc5
commit eb40297a35
10 changed files with 149 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1436,5 +1436,57 @@
}
}
}
}
.cap-select {
background-color: transparent;
border: 1px solid transparent;
border-bottom-color: $color-gray-40;
color: $color-gray-10;
cursor: pointer;
font-size: $fs11;
margin: $x-small;
overflow: hidden;
padding: $x-small;
padding-right: 20px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
& .cap-select-button {
svg {
fill: $color-gray-10;
height: 11px;
position: absolute;
right: 5px;
top: 6px;
width: 11px;
}
}
&:hover {
border-color: $color-gray-40;
}
&:focus {
border-color: $color-primary;
}
}
.cap-select-dropdown {
right: 5px;
top: 30px;
z-index: 12;
min-width: 200px;
position: fixed;
& li.separator {
border-top: 1px solid $color-gray-10;
}
& li img {
width: 16px;
margin-right: $small;
}
}