#716: increase opacity of submit form button when state hover or focus

it-at-m · Oct 23, 2023 · 69ef573 · 69ef573
1 parent b24c28a
commit 69ef573
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/digiwf-apps/packages/apps/digiwf-tasklist/src/components/schema/AppJsonForm.vue b/digiwf-apps/packages/apps/digiwf-tasklist/src/components/schema/AppJsonForm.vue
@@ -26,7 +26,7 @@
     <v-flex class="d-flex" style="width: 100%">
       <v-spacer/>
       <v-btn
-        class="mt-5"
+        class="mt-5 form-submit-button"
         color="primary"
         :disabled="isCompleting || readonly"
         @click="complete">
@@ -82,3 +82,9 @@ export default class AppJsonForm extends Vue {
 
 }
 </script>
+
+<style scoped>
+.form-submit-button:focus, .form-submit-button:hover  {
+  opacity: 0.6; // first fix for increasing contrast. User feedback is required
+}
+</style>