clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-04 10:56:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

enhance(ui): resized highlight area image from the ref asset metadata

Browse Source
This commit is contained in:
charlie
2024-11-13 17:13:03 +08:00
parent e053405bba
commit dc6fa6cf1f
2 changed files with 30 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/main/frontend/extensions/pdf/assets.cljs
View File

@@ -414,33 +414,36 @@
(p/let [asset-path (assets-handler/<make-asset-url asset-path')]
(reset! *src asset-path)))
(when @*src
[:span.hl-area
[:span.actions.py-2.px-1
(when-let [asset-uuid (and (config/db-based-graph?)
(some-> block (:logseq.property.pdf/hl-image) (:block/uuid)))]
(let [asset-block (some-> block (:logseq.property.pdf/hl-image))
resize-metadata (some-> asset-block :logseq.property.asset/resize-metadata)]
[:span.hl-area
(when-let [w (:width resize-metadata)] {:style {:width w}})
[:span.actions.py-2.px-1
(when-let [asset-uuid (and (config/db-based-graph?)
(some-> asset-block (:block/uuid)))]
[:button.asset-action-btn.px-1
{:title (t :asset/ref-block)
:tabIndex "-1"
:on-pointer-down util/stop
:on-click (fn [] (route-handler/redirect-to-page! asset-uuid))}
(ui/icon "file-symlink")])
(when-not config/publishing?
[:button.asset-action-btn.px-1
{:title (t :asset/copy)
:tabIndex "-1"
:on-pointer-down util/stop
:on-click (fn [e]
(util/stop e)
(-> (util/copy-image-to-clipboard (common-config/remove-asset-protocol @*src))
(p/then #(notification/show! "Copied!" :success))))}
(ui/icon "copy")])
[:button.asset-action-btn.px-1
{:title (t :asset/ref-block)
{:title (t :asset/maximize)
:tabIndex "-1"
:on-pointer-down util/stop
:on-click (fn [] (route-handler/redirect-to-page! asset-uuid))}
(ui/icon "file-symlink")])
:on-click open-lightbox}
(when-not config/publishing?
[:button.asset-action-btn.px-1
{:title (t :asset/copy)
:tabIndex "-1"
:on-pointer-down util/stop
:on-click (fn [e]
(util/stop e)
(-> (util/copy-image-to-clipboard (common-config/remove-asset-protocol @*src))
(p/then #(notification/show! "Copied!" :success))))}
(ui/icon "copy")])
[:button.asset-action-btn.px-1
{:title (t :asset/maximize)
:tabIndex "-1"
:on-pointer-down util/stop
:on-click open-lightbox}
(ui/icon "maximize")]]
[:img {:src @*src}]]))))
(ui/icon "maximize")]]
[:img.w-full {:src @*src}]])))))

2
src/main/frontend/extensions/pdf/pdf.css
View File

@@ -826,7 +826,7 @@ html[data-theme=dark] {
}
.hl-area {
@apply relative inline-block cursor-text border rounded-md overflow-hidden mt-1;
@apply relative block cursor-text border rounded-md overflow-hidden mt-1;
.actions {
@apply absolute right-1 top-1 flex opacity-0 transition-opacity;