- Use icon for debug table reference copy
- Browse files
-
bogdan committed 4 days ago
Showing 1 changed files
with
5 additions
and
2 deletions
+5
-2
scripts/host_manager.pl
@@ -2470,7 +2470,10 @@ sub app_html {
|
||
| 2470 | 2470 |
.debug-table-card-main:hover { background: transparent; }
|
| 2471 | 2471 |
.debug-table-card-name { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); font-weight: 700; }
|
| 2472 | 2472 |
.debug-table-card-rows { color: var(--muted); font-size: 12px; }
|
| 2473 |
- .debug-table-copy { min-width: 34px; width: 34px; justify-content: center; padding: 7px; color: var(--muted); }
|
|
| 2473 |
+ .debug-table-copy { position: relative; min-width: 34px; width: 34px; justify-content: center; padding: 7px; color: var(--muted); font-size: 0; }
|
|
| 2474 |
+ .debug-table-copy::before, .debug-table-copy::after { content: ""; position: absolute; width: 12px; height: 14px; border: 1.6px solid currentColor; border-radius: 2px; box-sizing: border-box; }
|
|
| 2475 |
+ .debug-table-copy::before { transform: translate(2px, -2px); opacity: .62; }
|
|
| 2476 |
+ .debug-table-copy::after { transform: translate(-2px, 2px); background: #fff; }
|
|
| 2474 | 2477 |
.debug-section { display: grid; gap: 16px; }
|
| 2475 | 2478 |
.host-tools { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; }
|
| 2476 | 2479 |
.host-tools input { max-width: 240px; }
|
@@ -3033,7 +3036,7 @@ sub app_html {
|
||
| 3033 | 3036 |
<span class="debug-table-card-name mono">${escapeHtml(table.name)}</span>
|
| 3034 | 3037 |
<span class="debug-table-card-rows">${escapeHtml(String(table.rows || 0))} rows</span>
|
| 3035 | 3038 |
</button> |
| 3036 |
- <button type="button" class="debug-table-copy" data-debug-table-ref="${escapeHtml(ref)}" title="${escapeHtml(ref)}" aria-label="Copy full table reference for ${escapeHtml(table.name)}">Ref</button>
|
|
| 3039 |
+ <button type="button" class="debug-table-copy" data-debug-table-ref="${escapeHtml(ref)}" title="${escapeHtml(ref)}" aria-label="Copy full table reference for ${escapeHtml(table.name)}"></button>
|
|
| 3037 | 3040 |
</div>`; |
| 3038 | 3041 |
}).join('')
|
| 3039 | 3042 |
: '<div class="ca-empty muted">No database tables found.</div>'; |