github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-25 05:16:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix show more files button overlap (#11675)

Browse Source
This commit is contained in:
Eva Marco 2026-09-15 15:41:15 +02:00 committed by GitHub
parent a91aa0e37d
commit 1c8b0c1844
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/app/main/ui/dashboard/projects.cljs
View File

@ -279,7 +279,18 @@
:top (:y (:menu-pos @local)) :top (:y (:menu-pos @local))
:on-edit on-edit-open :on-edit on-edit-open
:on-close on-menu-close :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} [:div {:class (stl/css :grid-container) :ref rowref}
(if ^boolean empty? (if ^boolean empty?
@ -298,18 +309,7 @@
:create-fn create-file :create-fn create-file
:can-edit can-edit :can-edit can-edit
:limit limit :limit limit
:layout layout}])] :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])]))
(def ^:private ref:recent-files (def ^:private ref:recent-files
(l/derived :recent-files st/state)) (l/derived :recent-files st/state))

6
frontend/src/app/main/ui/dashboard/projects.scss
View File

@ -151,17 +151,17 @@
@include t.use-typography("body-medium"); @include t.use-typography("body-medium");
flex: 0 0 auto;
margin-inline-start: auto;
border: none; border: none;
background: none; background: none;
cursor: pointer; cursor: pointer;
position: absolute;
inset-block-start: var(--sp-s);
inset-inline-end: px2rem(52);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
column-gap: var(--sp-m); column-gap: var(--sp-m);
color: var(--show-more-color); color: var(--show-more-color);
white-space: nowrap;
&:hover { &:hover {
--show-more-color: var(--button-secondary-foreground-color-active); --show-more-color: var(--button-secondary-foreground-color-active);