More ux changes

bcgov · Jan 21, 2025 · 3cf5fcf · 3cf5fcf
1 parent 2afe450
commit 3cf5fcf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/auth-web/src/components/auth/common/PaymentMethods.vue b/auth-web/src/components/auth/common/PaymentMethods.vue
@@ -475,11 +475,10 @@ export default defineComponent({
   .v-input--radio-group__input {
     display: block
   }
-  
 }
 
 .payment-card {
-  transition: all ease-out 0.2s;
+  transition: all ease-out 0.3s, opacity 0.3s ease, background-color 0.3 ease;
 
   &:hover {
     border-color: var(--v-primary-base) !important;
@@ -491,8 +490,12 @@ export default defineComponent({
                 0 2px 2px 0 rgba(0,0,0,.14),
                 0 1px 5px 0 rgba(0,0,0,.12) !important;
   }
-  &:focus {
-    outline: none;
+  &:active {
+    opacity: .85;
+    background-color: $gray1
+  }
+  &:focus:before {
+    opacity: 0;
   }
 }
 

diff --git a/auth-web/src/components/auth/common/TermsOfUseDialog.vue b/auth-web/src/components/auth/common/TermsOfUseDialog.vue
@@ -12,7 +12,6 @@
       v-model="termsAccepted"
       color="primary"
       class="terms-checkbox align-checkbox-label--top ma-0 pa-0"
-      :disabled="!canCheckTerms"
       required
       data-test="check-termsAccepted"
       @change="emitTermsAcceptanceStatus"
@@ -210,6 +209,8 @@ h2 {
 
 .terms-checkbox {
   pointer-events: auto !important;
+  color: rgb(33,37,41) !important;
+  opacity: 1 !important;
 }
 
 .form__btns {