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

🐛 Fix draggin projects css

Browse source
This commit is contained in:
Eva 2022-10-11 08:44:45 +02:00
parent 5c8710b8cb
commit 0765587373
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; text-align: initial;
} }
&.dragged {
border-radius: $br-small;
border: 2px solid lighten($color-gray-20, 15%);
text-align: initial;
max-height: 160px;
}
&.placeholder { &.placeholder {
min-width: 115px; min-width: 115px;
max-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 (mf/defc line-grid-row
[{:keys [files selected-files dragging? limit] :as props}] [{: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 [: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? (when dragging?
[:div.grid-item]) [:div.grid-item.dragged])
(for [item (take limit files)] (for [item (take limit files)]
[:& grid-item [:& grid-item
{:id (:id item) {:id (:id item)