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

🎉 Show changed assets when updating libraries

Browse source
This commit is contained in:
Andrés Moya 2023-08-21 17:53:26 +02:00
parent 96a5444357
commit ca88314524
19 changed files with 475 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

70
frontend/src/app/main/ui/workspace/libraries.scss
View file

@ -96,6 +96,22 @@
padding: $s-8 $s-24;
border-radius: $br-8;
}
.item-update {
margin-right: $s-2;
&.btn-gray {
background: var(--light-gray-4);
border-color: var(--light-gray-4);
color: var(--dark-gray-4);
cursor: unset;
&:hover {
color: var(--dark-gray-4);
}
}
&.btn-warning {
background: var(--light-warning-color);
border-color: var(--light-warning-color);
}
}
.item-unpublish {
@extend .button-secondary;
}
@ -153,6 +169,60 @@
}
}
}
.libraries-updates {
display: grid;
grid-column: span 3;
grid-template-columns: repeat(auto-fill, minmax($s-160, 1fr));
grid-gap: $s-24;
font-size: $fs12;
margin-top: $s-16;
.libraries-updates-item {
display: flex;
align-items: center;
&:not(:first-child) {
margin-top: $s-8;
}
& svg {
background-color: var(--canvas-color);
border-radius: $br-4;
border: $s-2 solid transparent;
height: $s-24;
width: $s-24;
min-height: $s-24;
min-width: $s-24;
}
& .name-block {
color: var(--gray-20-color);
margin-left: $s-8;
width: $s-168;
&.ellipsis {
padding-left: calc($s-24 + #{$s-8});
}
}
& .item-name {
display: block;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
}
.libraries-updates-see-all {
grid-column: span 3;
margin-top: $s-8;
margin-right: $s-8;
text-align: right;
cursor: pointer;
color: var (--info-color);
text-decoration: underline;
}
}
.updates-content {
grid-template-columns: 1fr;