3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-31 13:36:11 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2434 from penpot/eva-fix-dragging

Browse source 
🐛 Fix draggin projects css
This commit is contained in:
Alejandro 2022-10-17 15:18:51 +02:00 • committed by GitHub
commit b23ece88c2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/resources/styles/main/partials/dashboard-grid.scss
View file

@ -43,6 +43,13 @@
text-align: initial;
}
&.dragged {
border-radius: $br-small;
border: 2px solid lighten($color-gray-20, 15%);
text-align: initial;
max-height: 160px;
}
&.placeholder {
min-width: 115px;
max-width: 115px;

7
frontend/src/app/main/ui/dashboard/grid.cljs
View file

@ -390,12 +390,13 @@
(mf/defc line-grid-row
[{:keys [files selected-files dragging? limit] :as props}]
(let [limit (if dragging? (dec limit) limit)]
(let [elements limit
limit (if dragging? (dec limit) limit)]
[:div.grid-row.no-wrap
{:style {:grid-template-columns (dm/str "repeat(" limit ", 1fr)")}}
{:style {:grid-template-columns (dm/str "repeat(" elements ", 1fr)")}}
(when dragging?
[:div.grid-item])
[:div.grid-item.dragged])
(for [item (take limit files)]
[:& grid-item
{:id (:id item)