3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-10 12:16:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎉 Show assets as a list

Browse source
This commit is contained in:
Andrés Moya 2021-04-12 16:47:30 +02:00
parent 112e656f40
commit e8da04d4ab
7 changed files with 150 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

0
frontend/resources/images/icons/listing-list.svg → frontend/resources/images/icons/listing-enum.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 446 B

After

Width:  |  Height:  |  Size: 446 B

Before After
Before After

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

@ -305,6 +305,56 @@
border: 2px solid $color-primary;
}
.asset-title + .asset-enum {
margin-top: $small;
}
.asset-enum {
.enum-item {
display: flex;
align-items: center;
margin-bottom: $small;
cursor: pointer;
& > svg,
& > img {
background-color: $color-canvas;
border-radius: 4px;
border: 2px solid transparent;
height: 24px;
width: 24px;
margin-right: $small;
}
.item-name {
width: calc(100% - 24px - #{$small});
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
&.editing {
display: flex;
align-items: center;
.editable-label-input {
height: 24px;
}
.editable-label-close {
display: none;
}
}
}
}
.enum-item:hover,
.enum-item.selected,
{
color: $color-primary;
}
}
/* TODO: see if this is useful, or is better to leave only
one scroll bar in the whole sidebar
(also see .asset-section) */