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

🐛 Use new icon for menu action in project grid

Browse source
This commit is contained in:
Belén Albeza 2024-02-28 17:04:23 +01:00 • committed by Andrey Antukh
parent 9594c70ec5
commit 233e7e7e87
2 changed files with 14 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -95,6 +95,9 @@
;; --- Grid Item Library ;; --- Grid Item Library
(def ^:private menu-icon
(i/icon-xref :menu-refactor (stl/css :menu-icon)))
(mf/defc grid-item-library (mf/defc grid-item-library
{::mf/wrap [mf/memo]} {::mf/wrap [mf/memo]}
[{:keys [file] :as props}] [{:keys [file] :as props}]
@ -381,7 +384,7 @@
(when (kbd/enter? event) (when (kbd/enter? event)
(dom/stop-propagation event) (dom/stop-propagation event)
(on-menu-click event)))} (on-menu-click event)))}
i/actions menu-icon
(when (and selected? file-menu-open?) (when (and selected? file-menu-open?)
[:& file-menu {:files (vals selected-files) [:& file-menu {:files (vals selected-files)
:show? (:menu-open dashboard-local) :show? (:menu-open dashboard-local)

20
frontend/src/app/main/ui/dashboard/grid.scss
View file

@ -238,22 +238,22 @@ $thumbnail-default-height: $s-168; // Default width
margin-right: 0; margin-right: 0;
margin-top: $s-20; margin-top: $s-20;
width: 100%; width: 100%;
--menu-icon-color: var(--button-tertiary-foreground-color-rest);
svg {
fill: $df-secondary;
margin-right: 0;
height: $s-16;
width: $s-16;
}
&:hover, &:hover,
&:focus { &:focus {
svg { --menu-icon-color: var(--button-tertiary-foreground-color-hover);
fill: $da-tertiary;
}
} }
} }
.menu-icon {
stroke: var(--menu-icon-color);
fill: none;
margin-right: 0;
height: $s-16;
width: $s-16;
}
.project-th-actions.force-display { .project-th-actions.force-display {
opacity: 1; opacity: 1;
} }