style: updating ubutton styles when disabled. (#95)

bcgov · Dec 5, 2024 · ca46468 · ca46468
1 parent 4b84854
commit ca46468
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/app.config.ts b/src/app.config.ts
@@ -205,6 +205,10 @@ export default defineAppConfig({
         bcGov: 'border-gray-700 placeholder-gray-700 focus:border-primary-500 focus:placeholder-primary-500',
         error: 'border-red-500 focus:border-red-500 placeholder-red-500 focus:placeholder-red-500'
       }
+    },
+    button: {
+      base: 'focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed ' +
+        'disabled:opacity-35 aria-disabled:cursor-not-allowed aria-disabled:opacity-75 flex-shrink-0'
     }
   }
 })
diff --git a/src/components/bcros/businessDetails/LinkActions.vue b/src/components/bcros/businessDetails/LinkActions.vue
@@ -160,7 +160,7 @@ const actions: ComputedRef<Array<Array<MenuActionItem>>> = computed(() => {
           :label="item.label"
           :disabled="item.disabled"
           :data-cy="'button.' + item.name"
-          class="w-full text-nowrap"
+          class="w-full text-nowrap disabled:opacity-50"
           @click="item.click"
         />
       </BcrosTooltip>