Fix error panel buttons to display side by side
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -289,20 +289,24 @@ export function updateErrorPanel() {
|
|||||||
timestampEl.textContent = 'First: ' + formatLocalTime(err.first_seen) + ' / Last: ' + formatLocalTime(err.last_seen);
|
timestampEl.textContent = 'First: ' + formatLocalTime(err.first_seen) + ' / Last: ' + formatLocalTime(err.last_seen);
|
||||||
item.appendChild(timestampEl);
|
item.appendChild(timestampEl);
|
||||||
|
|
||||||
|
const buttonsEl = document.createElement('div');
|
||||||
|
buttonsEl.className = 'error-buttons';
|
||||||
|
|
||||||
const node = tableData?.nodes?.find(n => n.id === err.node_id);
|
const node = tableData?.nodes?.find(n => n.id === err.node_id);
|
||||||
if (node && node.unreachable && !node.in_config) {
|
if (node && node.unreachable && !node.in_config) {
|
||||||
const removeBtn = document.createElement('button');
|
const removeBtn = document.createElement('button');
|
||||||
removeBtn.className = 'remove-btn';
|
removeBtn.className = 'remove-btn';
|
||||||
removeBtn.textContent = 'Remove node';
|
removeBtn.textContent = 'Remove node';
|
||||||
removeBtn.addEventListener('click', () => removeNode(err.node_id));
|
removeBtn.addEventListener('click', () => removeNode(err.node_id));
|
||||||
item.appendChild(removeBtn);
|
buttonsEl.appendChild(removeBtn);
|
||||||
}
|
}
|
||||||
|
|
||||||
const dismissBtn = document.createElement('button');
|
const dismissBtn = document.createElement('button');
|
||||||
dismissBtn.textContent = 'Dismiss';
|
dismissBtn.textContent = 'Dismiss';
|
||||||
dismissBtn.addEventListener('click', () => clearError(err.id));
|
dismissBtn.addEventListener('click', () => clearError(err.id));
|
||||||
item.appendChild(dismissBtn);
|
buttonsEl.appendChild(dismissBtn);
|
||||||
|
|
||||||
|
item.appendChild(buttonsEl);
|
||||||
listEl.appendChild(item);
|
listEl.appendChild(item);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1157,8 +1157,13 @@ body.sacn-mode .node:not(.sacn-out):not(.sacn-in):hover .node-info-wrapper {
|
|||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error-item button {
|
.error-item .error-buttons {
|
||||||
|
display: flex;
|
||||||
|
gap: 6px;
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error-item button {
|
||||||
padding: 2px 6px;
|
padding: 2px 6px;
|
||||||
border: none;
|
border: none;
|
||||||
background: #555;
|
background: #555;
|
||||||
|
|||||||
Reference in New Issue
Block a user