diff --git a/frontend/resources/styles/main/partials/dashboard-grid.scss b/frontend/resources/styles/main/partials/dashboard-grid.scss index 130acb1bf..367531338 100644 --- a/frontend/resources/styles/main/partials/dashboard-grid.scss +++ b/frontend/resources/styles/main/partials/dashboard-grid.scss @@ -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; diff --git a/frontend/src/app/main/ui/dashboard/grid.cljs b/frontend/src/app/main/ui/dashboard/grid.cljs index 916547ecc..0a5c23994 100644 --- a/frontend/src/app/main/ui/dashboard/grid.cljs +++ b/frontend/src/app/main/ui/dashboard/grid.cljs @@ -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)