From 69ef5731d62df5e121f1f17c358b4c120689c3a9 Mon Sep 17 00:00:00 2001
From: "stephan.strehler" <stephan.strehler@cgi.com>
Date: Mon, 23 Oct 2023 11:30:22 +0200
Subject: [PATCH] #716: increase opacity of submit form button when state hover
 or focus

---
 .../digiwf-tasklist/src/components/schema/AppJsonForm.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 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
index 37f2319934..3df01cfd69 100644
--- 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>