style: emphasize update download cancellation
Render the active download cancellation action with a red background and black text, retaining the danger styling while cancellation is pending.
This commit is contained in:
@@ -7690,6 +7690,7 @@ function _setUpdateDialogBusy(busy, cancelable = false) {
|
||||
if (installButton) installButton.disabled = busy;
|
||||
if (closeButton) closeButton.disabled = busy;
|
||||
if (dismissButton) {
|
||||
dismissButton.classList.toggle('update-cancel-button', Boolean(busy && cancelable));
|
||||
dismissButton.disabled = Boolean(busy && (!cancelable || _updateCancelBusy));
|
||||
dismissButton.textContent = busy && cancelable
|
||||
? (_updateCancelBusy ? 'Abbrechen…' : 'Download abbrechen')
|
||||
|
||||
@@ -2484,6 +2484,18 @@ select.hs-input { max-width: none; width: auto; min-width: 140px; }
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#dismissUpdateBtn.update-cancel-button {
|
||||
border-color: transparent;
|
||||
background: var(--danger);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#dismissUpdateBtn.update-cancel-button:hover {
|
||||
border-color: transparent;
|
||||
background: color-mix(in srgb, var(--danger) 82%, #fff);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.update-dialog-actions {
|
||||
grid-column: 1 / -1;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user