* Create tooltip element for component name display
()
| 88 | * Create tooltip element for component name display |
| 89 | */ |
| 90 | createTooltip() { |
| 91 | this.tooltip = document.createElement('div'); |
| 92 | this.tooltip.id = '__pilot-picker-tooltip'; |
| 93 | this.tooltip.style.cssText = ` |
| 94 | position: absolute; |
| 95 | pointer-events: none; |
| 96 | z-index: 1000000; |
| 97 | background: rgb(59, 130, 246); |
| 98 | color: white; |
| 99 | padding: 4px 8px; |
| 100 | border-radius: 4px; |
| 101 | font-size: 12px; |
| 102 | font-family: monospace; |
| 103 | white-space: nowrap; |
| 104 | display: none; |
| 105 | box-shadow: 0 2px 8px rgba(0,0,0,0.15); |
| 106 | `; |
| 107 | document.body.appendChild(this.tooltip); |
| 108 | } |
| 109 | |
| 110 | /** |
| 111 | * Handle mouse over events |