fix: styles

tldraw/apps/tldraw-logseq/src/styles.css

@@ -510,18 +510,13 @@ button.tl-select-input-trigger {
   border: 2px solid var(--ls-secondary-background-color);
   top: 2px;
 
-  /* &:is(:hover, [data-active='true']) {
-    background-color: var(--ls-active-primary-color);
-    color: var(--ls-block-highlight-color);
-  }
-   */
   &[data-active='false']:hover {
-    background-color: var(--ls-active-primary-color);
-    color: var(--ls-block-highlight-color);
-    border: 2px solid var(--ls-active-primary-color);
-    
     .tie {
       transform: translateY(-100%);
+
+      &:last-of-type {
+        opacity: 0.6;
+      }
     }
   }
 
@@ -532,12 +527,16 @@ button.tl-select-input-trigger {
 
     .tie {
       transform: translateY(-100%);
+
+      &:first-of-type {
+        opacity: 0.6;
+      }
     }
 
     &:hover {
       color: var(--ls-primary-text-color);
       background-color: var(--ls-secondary-background-color);
-      
+
       .tie {
         transform: translateY(0);
       }

tldraw/packages/core/src/lib/tools/TLSelectTool/states/IdleState.ts

@@ -126,6 +126,8 @@ export class IdleState<
     const selectedShape = this.app.selectedShapesArray[0]
     if (!selectedShape.canEdit) return
 
+    if (!PointUtils.pointInBounds(this.app.inputs.currentPoint, selectedShape.bounds)) return
+
     switch (info.type) {
       case TLTargetType.Shape: {
         this.tool.transition('editingShape', info)