Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-13 18:48:37 -05:00
Code Issues Activity

✨ Add some enhancements to context menus

Browse source
This commit is contained in:
elhombretecla 2021-03-09 13:08:37 +01:00 • committed by Andrés Moya
parent b547f1cd7e
commit 81a604dca2
8 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/resources/styles/main/partials/context-menu.scss
View file

@ -41,6 +41,10 @@
padding: 0px;
margin: 2px;
}
&.min-width {
min-width: 13rem;
}
}
.context-menu-action {
@ -72,8 +76,9 @@
}
&.submenu-back {
color: $color-gray-30;
color: $color-black;
display: flex;
font-weight: bold;
align-items: center;
& svg {

1
frontend/resources/styles/main/partials/workspace-header.scss
View file

@ -167,6 +167,7 @@
.shortcut {
color: $color-gray-20;
font-size: $fs12;
}
&:hover {

1
frontend/resources/styles/main/partials/workspace.scss
View file

@ -41,6 +41,7 @@
span:last-child {
color: $color-gray-20;
font-size: $fs12;
}
&:hover {

4
frontend/src/app/main/ui/components/context_menu.cljs
View file

@ -33,6 +33,7 @@
top (gobj/get props "top" 0)
left (gobj/get props "left" 0)
fixed? (gobj/get props "fixed?" false)
min-width? (gobj/get props "min-width?" false)
local (mf/use-state {:offset 0
:levels nil})
@ -89,7 +90,8 @@
:style {:top (+ top (:offset @local))
:left left}}
(let [level (-> @local :levels peek)]
[:ul.context-menu-items {:ref check-menu-offscreen}
[:ul.context-menu-items {:class (classnames :min-width min-width?)
:ref check-menu-offscreen}
(when-let [parent-option (:parent-option level)]
[:*
[:li.context-menu-item

1
frontend/src/app/main/ui/dashboard/file_menu.cljs
View file

@ -156,6 +156,7 @@
[:& context-menu {:on-close on-menu-close
:show show?
:fixed? (or (not= top 0) (not= left 0))
:min-width? true
:top top
:left left
:options [[(tr "dashboard.open-in-new-tab") on-new-tab]

1
frontend/src/app/main/ui/dashboard/files.cljs
View file

@ -12,7 +12,6 @@
[app.main.data.dashboard :as dd]
[app.main.data.modal :as modal]
[app.main.store :as st]
[app.main.ui.components.context-menu :refer [context-menu]]
[app.main.ui.dashboard.grid :refer [grid]]
[app.main.ui.dashboard.inline-edition :refer [inline-edition]]
[app.main.ui.dashboard.project-menu :refer [project-menu]]

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

@ -16,7 +16,6 @@
[app.main.data.modal :as modal]
[app.main.fonts :as fonts]
[app.main.store :as st]
[app.main.ui.components.context-menu :refer [context-menu]]
[app.main.ui.dashboard.file-menu :refer [file-menu]]
[app.main.ui.dashboard.inline-edition :refer [inline-edition]]
[app.main.ui.icons :as i]

1
frontend/src/app/main/ui/dashboard/project_menu.cljs
View file

@ -96,6 +96,7 @@
[:& context-menu {:on-close on-menu-close
:show show?
:fixed? (or (not= top 0) (not= left 0))
:min-width? true
:top top
:left left
:options [[(tr "labels.rename") on-edit]