Ver Fonte

chore: hide portal icons

Konstantinos Kaloutas há 3 anos atrás
pai
commit
b536e78ec0

+ 2 - 2
src/main/frontend/components/block.cljs

@@ -2494,7 +2494,7 @@
 (rum/defc breadcrumb-separator [] [:span.mx-2.opacity-50 "➤"])
 
 (defn breadcrumb
-  [config repo block-id {:keys [show-page? indent? level-limit _navigating-block]
+  [config repo block-id {:keys [show-page? indent? end-separator? level-limit _navigating-block]
                          :or {show-page? true
                               level-limit 3}
                          :as opts}]
@@ -2541,7 +2541,7 @@
                           " my-2")
                         (when indent?
                           " ml-4")))}
-         breadcrumb]))))
+         breadcrumb (when end-separator? (breadcrumb-separator))]))))
 
 (defn- block-drag-over
   [event uuid top? block-id *move-to]

+ 1 - 1
src/main/frontend/extensions/tldraw.cljs

@@ -29,7 +29,7 @@
 
 (rum/defc breadcrumb
   [props]
-  (block/breadcrumb {:preview? true} (state/get-current-repo) (uuid (gobj/get props "blockId")) nil))
+  (block/breadcrumb {:preview? true} (state/get-current-repo) (uuid (gobj/get props "blockId")) {:end-separator? true}))
 
 (rum/defc page-name-link
   [props]

+ 0 - 1
tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx

@@ -73,7 +73,6 @@ const LogseqPortalShapeHeader = observer(
   ({ type, children }: { type: 'P' | 'B'; children: React.ReactNode }) => {
     return (
       <div className="tl-logseq-portal-header">
-        <LogseqTypeTag type={type} />
         {children}
       </div>
     )

+ 1 - 9
tldraw/apps/tldraw-logseq/src/styles.css

@@ -662,7 +662,7 @@ button.tl-select-input-trigger {
 
   height: 40px;
   flex-shrink: 0;
-  background: transparent;
+  background: linear-gradient(0deg, transparent, var(--ls-tertiary-background-color));
   color: var(--ls-title-text-color);
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
@@ -760,10 +760,6 @@ html[data-theme='light'] {
     border: 1px solid rgba(42, 123, 253, 0.5);
     color: var(--ls-secondary-text-color);
   }
-
-  .tl-logseq-portal-header {
-    backdrop-filter: brightness(0.9);
-  }
 }
 
 html[data-theme='dark'] {
@@ -772,10 +768,6 @@ html[data-theme='dark'] {
     border: 1px solid #338fff;
     color: var(--ls-secondary-text-color);
   }
-
-  .tl-logseq-portal-header {
-    backdrop-filter: brightness(1.2);
-  }
 }
 
 .tl-toggle-group-input {