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

🎉 Edit assets

Browse source
This commit is contained in:
Andrés Moya 2020-07-30 14:52:58 +02:00
parent af2c49dd16
commit d40f27e18c
10 changed files with 364 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

42
frontend/resources/styles/main/partials/sidebar-assets.scss
View file

@ -15,16 +15,14 @@
margin: $small $small 0 $small;
}
.search-input {
background-color: $color-gray-50;
.search-block {
border: 1px solid $color-gray-30;
color: $color-gray-10;
font-size: $fs12;
margin: $small $small 0 $small;
padding: $x-small;
display: flex;
align-items: center;
&:focus {
color: lighten($color-gray-10, 8%);
&:focus-within {
border-color: $color-primary !important;
}
@ -32,6 +30,35 @@
border-color: $color-gray-20;
}
& .search-input {
background-color: $color-gray-50;
border: none;
color: $color-gray-10;
font-size: $fs12;
margin: 0;
padding: 0;
flex-grow: 1;
&:focus {
color: lighten($color-gray-10, 8%);
}
}
& .search-icon {
display: flex;
align-items: center;
svg {
fill: $color-gray-30;
height: 15px;
width: 15px;
}
&.close {
transform: rotate(45deg);
cursor: pointer;
}
}
}
.input-select {
@ -104,6 +131,7 @@
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
& img {
max-height: 100%;
@ -136,6 +164,7 @@
}
.group-list {
max-height: 30rem;
overflow-y: scroll;
}
@ -145,6 +174,7 @@
margin-top: $x-small;
font-size: $fs11;
color: $color-white;
cursor: pointer;
& .color-block {
width: 20px;