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

fix(ui): checkbox truncated from positioned properties https://github.com/logseq/db-test/issues/63

pull/11525/head
charlie 2024-09-12 11:06:31 +08:00
parent ddabf90263
commit f7f2f2a238
3 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/main/frontend/components/block.cljs
View File

@ -2477,7 +2477,7 @@
(when (seq properties) (when (seq properties)
(case position (case position
:block-below :block-below
[:div.positioned-properties.flex.flex-row.gap-1.item-center.flex-wrap.text-sm.overflow-x-hidden.max-h-6 [:div.positioned-properties.block-below.flex.flex-row.gap-1.item-center.flex-wrap.text-sm.overflow-x-hidden.max-h-6
(for [pid properties] (for [pid properties]
(let [property (db/entity pid) (let [property (db/entity pid)
v (get block pid)] v (get block pid)]
@ -2486,7 +2486,8 @@
(property-component/property-key-cp block property opts) (property-component/property-key-cp block property opts)
[:div.select-none ":"]] [:div.select-none ":"]]
(pv/property-value block property v opts)]))] (pv/property-value block property v opts)]))]
[:div.positioned-properties.right-align.flex.flex-row.gap-1.select-none.h-6 [:div.positioned-properties.flex.flex-row.gap-1.select-none.h-6
{:class (name position)}
(for [pid properties] (for [pid properties]
(when-let [property (db/entity pid)] (when-let [property (db/entity pid)]
(pv/property-value block property (get block pid) (assoc opts :show-tooltip? true))))])))) (pv/property-value block property (get block pid) (assoc opts :show-tooltip? true))))]))))

18
src/main/frontend/components/block.css
View File

@ -870,14 +870,13 @@ html.is-mac {
opacity: 1; opacity: 1;
} }
.positioned-properties.right-align { .positioned-properties.block-right {
button { button {
white-space: nowrap; @apply whitespace-nowrap mr-0.5;
} }
.block-title-wrap { .block-title-wrap {
@apply overflow-hidden h-6; @apply overflow-hidden h-6 whitespace-nowrap text-ellipsis;
white-space: nowrap;
text-overflow: ellipsis;
} }
} }
@ -919,8 +918,8 @@ html.is-mac {
} }
.ls-page-title .positioned-properties svg { .ls-page-title .positioned-properties svg {
width: 24px; width: 16px;
height: 24px; height: 16px;
} }
.ls-page-title .ls-page-icon button { .ls-page-title .ls-page-icon button {
@ -929,5 +928,8 @@ html.is-mac {
.ls-page-title .positioned-properties { .ls-page-title .positioned-properties {
height: 54px; height: 54px;
overflow: hidden; }
.ls-page-title .block-tags {
@apply relative -right-1 min-h-full;
} }

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

@ -145,6 +145,8 @@ html.is-native-iphone-without-notch {
opacity: 0; opacity: 0;
color: var(--ls-primary-text-color); color: var(--ls-primary-text-color);
transform: scale(.8); transform: scale(.8);
margin-left: -1px;
&:hover { &:hover {
color: var(--ls-primary-text-color); color: var(--ls-primary-text-color);