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

🎉 Added a tag to mark read only mode (now on pages)

Browse source
This commit is contained in:
Pablo Alba 2023-01-11 13:50:53 +01:00 • committed by Andrés Moya
parent 3a8486f4b0
commit a54f5484e8
3 changed files with 11 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/resources/styles/main/partials/sidebar.scss
View file

@ -126,9 +126,11 @@
border-radius: 3px; border-radius: 3px;
font-size: 10px; font-size: 10px;
text-transform: uppercase; text-transform: uppercase;
padding: 0px 4px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
margin-left: auto;
padding: 0.25rem;
} }
} }

18
frontend/src/app/main/ui/workspace/sidebar/layers.cljs
View file

@ -540,8 +540,6 @@
observer-var (mf/use-var nil) observer-var (mf/use-var nil)
lazy-load-ref (mf/use-ref nil) lazy-load-ref (mf/use-ref nil)
workspace-read-only? (mf/use-ctx ctx/workspace-read-only?)
[filtered-objects show-more filter-component] (use-search page objects) [filtered-objects show-more filter-component] (use-search page objects)
intersection-callback intersection-callback
@ -578,17 +576,13 @@
(dom/add-class! last-hidden-frame "sticky"))))] (dom/add-class! last-hidden-frame "sticky"))))]
[:div#layers.tool-window [:div#layers.tool-window
(if workspace-read-only? (if (d/not-empty? focus)
[:div.tool-window-bar [:div.tool-window-bar
[:span (:name page)] [:div.focus-title {:on-click #(st/emit! (dw/toggle-focus-mode))}
[:span.view-only-mode (tr "labels.view-only")]] [:button.back-button i/arrow-slide]
(if (d/not-empty? focus) [:div.focus-name (or title (tr "workspace.focus.selection"))]
[:div.tool-window-bar [:div.focus-mode (tr "workspace.focus.focus-mode")]]]
[:div.focus-title {:on-click #(st/emit! (dw/toggle-focus-mode))} filter-component)
[:button.back-button i/arrow-slide]
[:div.focus-name (or title (tr "workspace.focus.selection"))]
[:div.focus-mode (tr "workspace.focus.focus-mode")]]]
filter-component))
(if (some? filtered-objects) (if (some? filtered-objects)
[:* [:*

3
frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs
View file

@ -222,7 +222,8 @@
:style #js {"--height" (str size "px")}} :style #js {"--height" (str size "px")}}
[:div.tool-window-bar [:div.tool-window-bar
[:span (tr "workspace.sidebar.sitemap")] [:span (tr "workspace.sidebar.sitemap")]
(when-not workspace-read-only? (if workspace-read-only?
[:div.view-only-mode (tr "labels.view-only")]
[:div.add-page {:on-click create} i/close]) [:div.add-page {:on-click create} i/close])
[:div.collapse-pages {:on-click toggle-pages [:div.collapse-pages {:on-click toggle-pages
:style {:transform (when (not @show-pages?) "rotate(-90deg)")}} i/arrow-slide]] :style {:transform (when (not @show-pages?) "rotate(-90deg)")}} i/arrow-slide]]