diff --git a/frontend/src/app/main/ui/dashboard/projects.cljs b/frontend/src/app/main/ui/dashboard/projects.cljs index 71d6081ef5..bd90dc96eb 100644 --- a/frontend/src/app/main/ui/dashboard/projects.cljs +++ b/frontend/src/app/main/ui/dashboard/projects.cljs @@ -279,7 +279,18 @@ :top (:y (:menu-pos @local)) :on-edit on-edit-open :on-close on-menu-close - :on-import on-import}])]]] + :on-import on-import}])] + + (when (and (> limit 0) + (> file-count limit)) + [:button {:class (stl/css :show-more) + :on-click on-nav + :tab-index "0" + :on-key-down (fn [event] + (when (kbd/enter? event) + (on-nav)))} + [:span {:class (stl/css :placeholder-label)} (tr "dashboard.show-all-files")] + show-more-icon])]] [:div {:class (stl/css :grid-container) :ref rowref} (if ^boolean empty? @@ -298,18 +309,7 @@ :create-fn create-file :can-edit can-edit :limit limit - :layout layout}])] - - (when (and (> limit 0) - (> file-count limit)) - [:button {:class (stl/css :show-more) - :on-click on-nav - :tab-index "0" - :on-key-down (fn [event] - (when (kbd/enter? event) - (on-nav)))} - [:span {:class (stl/css :placeholder-label)} (tr "dashboard.show-all-files")] - show-more-icon])])) + :layout layout}])]])) (def ^:private ref:recent-files (l/derived :recent-files st/state)) diff --git a/frontend/src/app/main/ui/dashboard/projects.scss b/frontend/src/app/main/ui/dashboard/projects.scss index e45294a615..1fd92ca225 100644 --- a/frontend/src/app/main/ui/dashboard/projects.scss +++ b/frontend/src/app/main/ui/dashboard/projects.scss @@ -151,17 +151,17 @@ @include t.use-typography("body-medium"); + flex: 0 0 auto; + margin-inline-start: auto; border: none; background: none; cursor: pointer; - position: absolute; - inset-block-start: var(--sp-s); - inset-inline-end: px2rem(52); display: flex; align-items: center; justify-content: space-between; column-gap: var(--sp-m); color: var(--show-more-color); + white-space: nowrap; &:hover { --show-more-color: var(--button-secondary-foreground-color-active);