mirror of https://github.com/logseq/logseq
enhance: remove outline border when focusing on a trigger
parent
ec6d2f934e
commit
62af856ce4
|
@ -2286,7 +2286,9 @@
|
|||
(let [property (db/entity pid)
|
||||
v (get block pid)]
|
||||
[:div.flex.flex-row.items-center.gap-1.px-1.hover:bg-secondary.rounded
|
||||
[:div.opacity-50.hover:opacity-100 (str (:block/original-name property) ":")]
|
||||
[:div.flex.flex-row.opacity-50.hover:opacity-100
|
||||
(property-component/property-key block property opts)
|
||||
[:div ":"]]
|
||||
(pv/property-value block property v opts)]))]
|
||||
[:div.positioned-properties.flex.flex-row.items-center.gap-1.select-none.h-6.flex-wrap
|
||||
(for [pid properties]
|
||||
|
|
|
@ -453,9 +453,9 @@
|
|||
(if property-key
|
||||
(let [property (db/get-case-page @*property-key)]
|
||||
[:div.ls-property-add.grid.grid-cols-5.gap-1.flex.flex-1.flex-row.items-center
|
||||
[:div.flex.flex-row.items-center.col-span-2.property-key
|
||||
[:span.bullet-container.cursor [:span.bullet]]
|
||||
[:div {:style {:padding-left 9}} @*property-key]]
|
||||
[:div.flex.flex-row.items-center.col-span-2.property-key.gap-1
|
||||
[:div [:span.bullet-container.cursor [:span.bullet]]]
|
||||
[:div @*property-key]]
|
||||
[:div.col-span-3.flex.flex-row {:on-pointer-down (fn [e] (util/stop-propagation e))}
|
||||
(if @*show-new-property-config?
|
||||
(schema-type property (merge opts
|
||||
|
@ -524,11 +524,11 @@
|
|||
|
||||
(rum/defcs property-key <
|
||||
(rum/local false ::hover?)
|
||||
[state block property {:keys [class-schema? block? collapsed? page-cp inline-text]}]
|
||||
[state block property {:keys [class-schema? block? collapsed? page-cp inline-text other-position?]}]
|
||||
(let [*hover? (::hover? state)
|
||||
icon (:logseq.property/icon property)
|
||||
property-name (:block/original-name property)]
|
||||
[:div.flex.flex-row.items-center
|
||||
[:div.flex.flex-row.items-center.gap-1
|
||||
{:on-mouse-over #(reset! *hover? true)
|
||||
:on-mouse-leave #(reset! *hover? false)
|
||||
:on-context-menu (fn [^js e]
|
||||
|
@ -562,6 +562,7 @@
|
|||
(ui/rotating-arrow collapsed?)]])
|
||||
|
||||
;; icon picker
|
||||
(when-not other-position?
|
||||
(let [content-fn (fn [{:keys [id]}]
|
||||
(icon-component/icon-search
|
||||
{:on-chosen
|
||||
|
@ -578,18 +579,19 @@
|
|||
(assoc :class "flex items-center"))
|
||||
(if icon
|
||||
(icon-component/icon icon)
|
||||
[:div
|
||||
[:span.bullet-container.cursor (when collapsed? {:class "bullet-closed"})
|
||||
[:span.bullet]])))
|
||||
[:span.bullet]]]))))
|
||||
|
||||
(if config/publishing?
|
||||
[:a.property-k.flex.select-none.jtrigger.pl-2
|
||||
[:a.property-k.flex.select-none.jtrigger
|
||||
{:on-click #(route-handler/redirect-to-page! (:block/uuid property))}
|
||||
(:block/original-name property)]
|
||||
|
||||
(shui/trigger-as :a
|
||||
{:tabIndex 0
|
||||
:title (str "Configure property: " (:block/original-name property))
|
||||
:class "property-k flex select-none jtrigger pl-2"
|
||||
:class "property-k flex select-none jtrigger"
|
||||
:on-pointer-down (fn [^js e]
|
||||
(when (util/meta-key? e)
|
||||
(route-handler/redirect-to-page! (:block/uuid property))
|
||||
|
@ -653,8 +655,7 @@
|
|||
"property-pair items-center"
|
||||
:else
|
||||
"property-pair items-start")}
|
||||
[:div.property-key
|
||||
{:class "col-span-2"}
|
||||
[:div.property-key.col-span-2
|
||||
(property-key block property (assoc (select-keys opts [:class-schema?])
|
||||
:block? block?
|
||||
:collapsed? collapsed?
|
||||
|
|
|
@ -275,8 +275,12 @@ a.control-link {
|
|||
}
|
||||
}
|
||||
|
||||
.property-k:focus {
|
||||
@apply pr-1;
|
||||
.ls-popup-closed:focus {
|
||||
@apply font-bold outline-none;
|
||||
}
|
||||
|
||||
.positioned-properties .property-k:focus {
|
||||
@apply font-normal;
|
||||
}
|
||||
|
||||
.ls-property-add {
|
||||
|
|
Loading…
Reference in New Issue