avoid white bg on button hover if disabled

bcgov · Sep 12, 2024 · 68d9315 · 68d9315
1 parent 70a9627
commit 68d9315
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/nextapp/components/edit-display-name/edit-display-name.tsx b/src/nextapp/components/edit-display-name/edit-display-name.tsx
@@ -173,6 +173,7 @@ const EditNamespaceDisplayName: React.FC<EditNamespaceDisplayNameProps> = ({
                 onClick={handleSaveClick}
                 data-testid="edit-display-name-submit-btn"
                 isDisabled={!isInputValid}
+                variant="primary"
               >
                 Save
               </Button>

diff --git a/src/nextapp/shared/theme.ts b/src/nextapp/shared/theme.ts
@@ -58,7 +58,7 @@ const _focus = {
   boxShadow: 'sm',
 };
 const _disabled = {
-  opacity: 0.3,
+  opacity: 0.4,
   cursor: 'not-allowed',
 };
 const _invalid = {
@@ -122,7 +122,8 @@ const buttonVariants = {
     _disabled: {
       ..._disabled,
       _hover: {
-        background: 'bc-blue',
+        bg: '#003366 !important', // Use the hex value of bc-blue directly, necessary oddly.
+        opacity: 0.4,
       },
     },
   },