Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 07:29:08 -05:00
Code Issues Activity

🐛 Fix update library button in libraries modal

Browse source
This commit is contained in:
Belén Albeza 2024-02-21 17:19:15 +01:00 • committed by Andrey Antukh
parent 337f52e1bf
commit dbcfb2746f
2 changed files with 225 additions and 221 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/app/main/ui/workspace/libraries.cljs
View file

@ -368,12 +368,12 @@
0
(count colors)
(count typographies))]]
[:input {:type "button"
:class (stl/css-case :item-update true
:disabled updating?)
:value (tr "workspace.libraries.update")
[:button {:type "button"
:class (stl/css :item-update)
:disabled updating?
:data-library-id (dm/str id)
:on-click update}]
:on-click update}
(tr "workspace.libraries.update")]
[:div {:class (stl/css :libraries-updates)}
(when-not (empty? components)

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

@ -15,6 +15,7 @@
width: 100%;
z-index: $z-index-modal;
background-color: var(--overlay-color);
}
.modal-dialog {
position: relative;
@ -43,6 +44,7 @@
margin-bottom: $s-16;
color: var(--modal-title-foreground-color);
}
}
.modal-content {
height: 100%;
@ -91,18 +93,7 @@
padding: $s-8 $s-24;
border-radius: $br-8;
}
.item-update {
@extend .button-warning;
@include headlineMediumTypography;
height: $s-32;
min-width: $s-92;
padding: $s-8 $s-24;
border-radius: $br-8;
margin-right: $s-2;
&.disabled {
@extend .button-disabled;
}
}
.item-unpublish {
@extend .button-secondary;
}
@ -167,6 +158,23 @@
}
}
}
.libraries-updates-see-all {
direction: rtl;
grid-column: span 3;
margin-top: $s-8;
margin-right: $s-8;
& input {
@extend .link;
margin: 0;
}
}
}
.updates-content {
grid-template-columns: 1fr;
}
}
.libraries-updates {
display: grid;
grid-column: span 3;
@ -178,6 +186,7 @@
.libraries-updates-item {
display: flex;
align-items: center;
color: var(--library-content-foreground-color);
&:not(:first-child) {
margin-top: $s-8;
@ -212,31 +221,26 @@
}
}
}
.libraries-updates-see-all {
direction: rtl;
grid-column: span 3;
margin-top: $s-8;
margin-right: $s-8;
& input {
@extend .link;
margin: 0;
}
}
}
.updates-content {
grid-template-columns: 1fr;
}
}
}
.modal-v2-info {
width: $s-664;
height: fit-content;
.modal-title {
font-size: $fs-18;
}
}
.item-update {
@extend .button-primary;
@include uppercaseTitleTipography;
height: $s-32;
min-width: $s-92;
padding: $s-8 $s-24;
border-radius: $br-8;
margin-right: $s-2;
&:disabled {
@extend .button-disabled;
}
}
.item-contents {