Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 15:39:50 -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 0
(count colors) (count colors)
(count typographies))]] (count typographies))]]
[:input {:type "button" [:button {:type "button"
:class (stl/css-case :item-update true :class (stl/css :item-update)
:disabled updating?) :disabled updating?
:value (tr "workspace.libraries.update")
:data-library-id (dm/str id) :data-library-id (dm/str id)
:on-click update}] :on-click update}
(tr "workspace.libraries.update")]
[:div {:class (stl/css :libraries-updates)} [:div {:class (stl/css :libraries-updates)}
(when-not (empty? components) (when-not (empty? components)

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

@ -15,6 +15,7 @@
width: 100%; width: 100%;
z-index: $z-index-modal; z-index: $z-index-modal;
background-color: var(--overlay-color); background-color: var(--overlay-color);
}
.modal-dialog { .modal-dialog {
position: relative; position: relative;
@ -43,6 +44,7 @@
margin-bottom: $s-16; margin-bottom: $s-16;
color: var(--modal-title-foreground-color); color: var(--modal-title-foreground-color);
} }
}
.modal-content { .modal-content {
height: 100%; height: 100%;
@ -91,18 +93,7 @@
padding: $s-8 $s-24; padding: $s-8 $s-24;
border-radius: $br-8; 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 { .item-unpublish {
@extend .button-secondary; @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 { .libraries-updates {
display: grid; display: grid;
grid-column: span 3; grid-column: span 3;
@ -178,6 +186,7 @@
.libraries-updates-item { .libraries-updates-item {
display: flex; display: flex;
align-items: center; align-items: center;
color: var(--library-content-foreground-color);
&:not(:first-child) { &:not(:first-child) {
margin-top: $s-8; 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 { .modal-v2-info {
width: $s-664; width: $s-664;
height: fit-content; height: fit-content;
.modal-title { .modal-title {
font-size: $fs-18; 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 { .item-contents {