3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-11 15:16:37 +02:00
Code Issues Projects Releases Packages Wiki 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
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 { .dropdown {
top: 40px; top: 40px;
left: 0px; left: 0px;
width: 260px; 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 { .sitemap-zone {
@ -165,6 +176,10 @@
height: 20px; height: 20px;
} }
} }
.btn-primary {
flex-shrink: 0;
}
} }
.share-link-dropdown { .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) params {:file-id (or file-id current-file-id)
:page-id (or page-id current-page-id)}] :page-id (or page-id current-page-id)}]
(rx/of ::dwp/force-persist (rx/of ::dwp/force-persist
(rt/nav :viewer params {:index 0}))))))) (rt/nav-new-window :viewer params {:index 0})))))))
(defn go-to-dashboard (defn go-to-dashboard
([] (go-to-dashboard nil)) ([] (go-to-dashboard nil))

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

@ -273,7 +273,7 @@
(mf/use-effect (mf/use-effect
(mf/deps (:file data)) (mf/deps (:file data))
#(when-let [name (get-in data [:file :name])] #(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) (when (and data state)
[:& viewer-content [:& viewer-content

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

@ -118,7 +118,9 @@
(st/emit! (dv/set-interactions-mode mode))))] (st/emit! (dv/set-interactions-mode mode))))]
[:div.view-options [: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? [:& dropdown {:show @show-dropdown?
:on-close hide-dropdown} :on-close hide-dropdown}
[:ul.dropdown.with-check [:ul.dropdown.with-check
@ -266,10 +268,6 @@
[:& share-link {:token (:token data) [:& share-link {:token (:token data)
:page (:page 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-widget
{:zoom (:zoom state) {:zoom (:zoom state)
:on-increase (st/emitf dv/increase-zoom) :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 [:a.btn-icon-dark.btn-small.tooltip.tooltip-bottom-left
{:alt (tr "workspace.header.viewer" (sc/get-tooltip :open-viewer)) {:alt (tr "workspace.header.viewer" (sc/get-tooltip :open-viewer))
:href (str "#" view-url)
:on-click go-viewer} :on-click go-viewer}
i/play]]])) 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 #: 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" msgid "viewer.header.share.title"
msgstr "Link teilen" msgstr "Prototyp teilen"
#: src/app/main/ui/viewer/header.cljs #: src/app/main/ui/viewer/header.cljs
msgid "viewer.header.show-interactions" 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 #: 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" msgid "viewer.header.share.title"
msgstr "Share link" msgstr "Share prototype"
#: src/app/main/ui/viewer/header.cljs #: src/app/main/ui/viewer/header.cljs
msgid "viewer.header.show-interactions" 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 #: 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" msgid "viewer.header.share.title"
msgstr "Enlace" msgstr "Compartir prototipo"
#: src/app/main/ui/viewer/header.cljs #: src/app/main/ui/viewer/header.cljs
msgid "viewer.header.show-interactions" 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 #: 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" msgid "viewer.header.share.title"
msgstr "Lien de partage" msgstr "Partager le prototype"
#: src/app/main/ui/viewer/header.cljs #: src/app/main/ui/viewer/header.cljs
msgid "viewer.header.show-interactions" msgid "viewer.header.show-interactions"