fix: apply btn-field class to disabled update buttons in self-update modal

Author: frdel

tests/test_self_update_tag_filter.py

@@ -569,6 +569,8 @@ def test_self_update_modal_uses_standard_select_and_manual_backup():
     assert "quickComparisonIcon" in content
     assert "quickComparisonIconClass" in content
     assert "{ spinning: $store.selfUpdateStore.isCheckingStatus }" in content
+    assert "{ 'btn-field': !$store.selfUpdateStore.quickUpdateAvailable }" in content
+    assert "{ 'btn-field': !$store.selfUpdateStore.canScheduleUpdate }" in content
     assert "formatReleaseTimestamp($store.selfUpdateStore.currentReleasedAt)" in content
     assert "formatReleaseTimestamp($store.selfUpdateStore.mainBranchLatestReleasedAt)" in content
     assert "Latest version" in content

webui/components/settings/external/self-update-modal.html

@@ -475,6 +475,7 @@
               <button
                 type="button"
                 class="btn btn-ok"
+                :class="{ 'btn-field': !$store.selfUpdateStore.quickUpdateAvailable }"
                 @click="$store.selfUpdateStore.scheduleQuickUpdate()"
                 :disabled="!$store.selfUpdateStore.quickUpdateAvailable"
               >
@@ -485,6 +486,7 @@
               <button
                 type="button"
                 class="btn btn-ok"
+                :class="{ 'btn-field': !$store.selfUpdateStore.canScheduleUpdate }"
                 @click="$store.selfUpdateStore.scheduleUpdate()"
                 :disabled="!$store.selfUpdateStore.canScheduleUpdate"
               >