greatbody
/
logseq
mirror of https://github.com/logseq/logseq
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

enhance(ui): polish properties editor related details

enhance/e2e-browser
charlie 2024-03-29 11:56:26 +08:00
parent 7315db49cd
commit 7a69312de6
4 changed files with 35 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/frontend/components/db_based/page.cljs
View File

@ -228,7 +228,7 @@
(if collapsed? (if collapsed?
(when (or (seq (:block/properties page)) (when (or (seq (:block/properties page))
(and class? (seq (:properties (:block/schema page))))) (and class? (seq (:properties (:block/schema page)))))
[:div.pl-4 [:div.properties-wrap
(page-properties page {:mode (if class? :class :page)})]) (page-properties page {:mode (if class? :class :page)})])
[:div.pt-2.pl-4 [:div.pt-2.configure-wrap
(page-configure page *mode)]))]]))) (page-configure page *mode)]))]])))

43
src/main/frontend/components/page.css
View File

@ -229,13 +229,10 @@
} }
.ls-page-title { .ls-page-title {
@apply rounded-sm; @apply rounded-sm -mx-1.5 px-2 pt-1.5;
padding: 5px 8px 10px 8px;
margin: 0 -6px;
&.title { &.title {
margin-bottom: 12px; @apply mb-3;
} }
.edit-input { .edit-input {
@ -318,10 +315,26 @@ html.is-native-iphone-without-notch {
} }
} }
.cp__right-sidebar .add-button-link { .cp__right-sidebar {
.add-button-link {
margin-left: 21px; margin-left: 21px;
} }
.page-info {
@apply mx-2;
.ls-page-properties {}
&.is-collapsed {
@apply !py-0 -mb-1.5;
&:not(:has(.select-item)) {
@apply hidden;
}
}
}
}
html.is-native-android, html.is-native-android,
html.is-native-ios { html.is-native-ios {
.cp__all_pages { .cp__all_pages {
@ -388,7 +401,7 @@ html.is-native-ios {
} }
.page-info { .page-info {
@apply ml-[-10px] mt-[-6px] mb-[14px] border rounded-md; @apply ml-[-10px] mb-[12px] border rounded-md;
&-inner { &-inner {
@apply py-2; @apply py-2;
@ -398,19 +411,27 @@ html.is-native-ios {
@apply bg-gray-03 rounded-md px-3 gap-1; @apply bg-gray-03 rounded-md px-3 gap-1;
} }
.configure-wrap {
@apply px-2;
}
.ls-new-property { .ls-new-property {
@apply mt-1; @apply mt-1;
} }
&.is-collapsed { &.is-collapsed {
@apply border-transparent -mb-[14px]; @apply border-transparent mt-[-4px] -mb-[14px];
&:has(.select-item) { &:has(.select-item) {
@apply py-2 relative -left-1; @apply py-2 relative -left-1;
.info-title {
@apply relative -top-1;
}
} }
.page-info-inner { .page-info-inner {
@apply py-0 relative -top-[14px] -mb-[16px] min-h-[44px]; @apply py-0 relative -top-1.5 min-h-[26px];
&:has(.ls-page-properties) { &:has(.ls-page-properties) {
@apply mb-3 opacity-90; @apply mb-3 opacity-90;
@ -433,10 +454,6 @@ html.is-native-ios {
} }
} }
.sidebar-item .page-info {
margin: 0 8px;
}
.page-info-title-placeholder { .page-info-title-placeholder {
min-height: 28px; min-height: 28px;
} }

2
src/main/frontend/components/property.css
View File

@ -47,7 +47,7 @@
} }
.ls-properties-area { .ls-properties-area {
@apply grid gap-0.5 py-2; @apply grid gap-0.5 pt-2 pb-1.5;
.property-pair { .property-pair {
@apply grid grid-cols-5 gap-1; @apply grid grid-cols-5 gap-1;

1
src/main/frontend/handler/events.cljs
View File

@ -815,6 +815,7 @@
(shui/dialog-open! (shui/dialog-open!
repo/new-db-graph repo/new-db-graph
{:id :new-db-graph {:id :new-db-graph
:title [:h2 "Create a new graph"]
:label "graph-setup"})) :label "graph-setup"}))
(defmethod handle :search/transact-data [[_ repo data]] (defmethod handle :search/transact-data [[_ repo data]]