Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-13 16:21:57 -05:00
Code Issues Activity

✨ First viewer header changes

Browse source
This commit is contained in:
elhombretecla 2021-05-25 16:28:59 +02:00 • committed by Andrés Moya
parent fcb4cb38a9
commit e45f7598db
9 changed files with 30 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
frontend/resources/styles/main/partials/viewer-header.scss
View file

@ -56,17 +56,28 @@
}
}
svg {
fill: $color-gray-30;
height: 16px;
width: 16px;
}
.dropdown {
top: 40px;
left: 0px;
width: 260px;
}
.view-options-dropdown {
align-items: center;
cursor: pointer;
display: flex;
span {
font-size: $fs13;
margin-right: $small;
}
svg {
fill: $color-gray-20;
height: 12px;
width: 12px;
}
}
}
.sitemap-zone {
@ -165,6 +176,10 @@
height: 20px;
}
}
.btn-primary {
flex-shrink: 0;
}
}
.share-link-dropdown {

2
frontend/src/app/main/data/workspace.cljs
View file

@ -1248,7 +1248,7 @@
params {:file-id (or file-id current-file-id)
:page-id (or page-id current-page-id)}]
(rx/of ::dwp/force-persist
(rt/nav :viewer params {:index 0})))))))
(rt/nav-new-window :viewer params {:index 0})))))))
(defn go-to-dashboard
([] (go-to-dashboard nil))

2
frontend/src/app/main/ui/viewer.cljs
View file

@ -273,7 +273,7 @@
(mf/use-effect
(mf/deps (:file data))
#(when-let [name (get-in data [:file :name])]
(dom/set-html-title (tr "title.viewer" name))))
(dom/set-html-title (str "\u25b6 " (tr "title.viewer" name)))))
(when (and data state)
[:& viewer-content

8
frontend/src/app/main/ui/viewer/header.cljs
View file

@ -118,7 +118,9 @@
(st/emit! (dv/set-interactions-mode mode))))]
[:div.view-options
[:div.icon {:on-click #(swap! show-dropdown? not)} i/eye]
[:div.view-options-dropdown {:on-click #(swap! show-dropdown? not)}
[:span "Interactions"]
i/arrow-down]
[:& dropdown {:show @show-dropdown?
:on-close hide-dropdown}
[:ul.dropdown.with-check
@ -266,10 +268,6 @@
[:& share-link {:token (:token data)
:page (:page data)}])
(when has-permission?
[:a.btn-text-basic.btn-small {:on-click on-edit}
(t locale "viewer.header.edit-page")])
[:& zoom-widget
{:zoom (:zoom state)
:on-increase (st/emitf dv/increase-zoom)

1
frontend/src/app/main/ui/workspace/header.cljs
View file

@ -282,7 +282,6 @@
[:a.btn-icon-dark.btn-small.tooltip.tooltip-bottom-left
{:alt (tr "workspace.header.viewer" (sc/get-tooltip :open-viewer))
:href (str "#" view-url)
:on-click go-viewer}
i/play]]]))

2
frontend/translations/de.po
View file

@ -1328,7 +1328,7 @@ msgstr "Jeder mit dem Link hat Zugriff"
#: src/app/main/ui/viewer/header.cljs, src/app/main/ui/viewer/header.cljs, src/app/main/ui/viewer/header.cljs
msgid "viewer.header.share.title"
msgstr "Link teilen"
msgstr "Prototyp teilen"
#: src/app/main/ui/viewer/header.cljs
msgid "viewer.header.show-interactions"

2
frontend/translations/en.po
View file

@ -1478,7 +1478,7 @@ msgstr "Anyone with the link will have access"
#: src/app/main/ui/viewer/header.cljs, src/app/main/ui/viewer/header.cljs, src/app/main/ui/viewer/header.cljs
msgid "viewer.header.share.title"
msgstr "Share link"
msgstr "Share prototype"
#: src/app/main/ui/viewer/header.cljs
msgid "viewer.header.show-interactions"

2
frontend/translations/es.po
View file

@ -1468,7 +1468,7 @@ msgstr "Cualquiera con el enlace podrá acceder"
#: src/app/main/ui/viewer/header.cljs, src/app/main/ui/viewer/header.cljs, src/app/main/ui/viewer/header.cljs
msgid "viewer.header.share.title"
msgstr "Enlace"
msgstr "Compartir prototipo"
#: src/app/main/ui/viewer/header.cljs
msgid "viewer.header.show-interactions"

2
frontend/translations/fr.po
View file

@ -1224,7 +1224,7 @@ msgstr "Toute personne disposant du lien aura accès"
#: src/app/main/ui/viewer/header.cljs, src/app/main/ui/viewer/header.cljs, src/app/main/ui/viewer/header.cljs
msgid "viewer.header.share.title"
msgstr "Lien de partage"
msgstr "Partager le prototype"
#: src/app/main/ui/viewer/header.cljs
msgid "viewer.header.show-interactions"