tweak style for gateway list item hover (#1184)

* tweak style for gateway list item hover * ns to gw text
bcgov · Oct 22, 2024 · 6b4eb86 · 6b4eb86
1 parent 73f309d
commit 6b4eb86
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/src/nextapp/pages/manager/gateways/detail.tsx b/src/nextapp/pages/manager/gateways/detail.tsx
@@ -247,7 +247,7 @@ const NamespacesPage: React.FC = () => {
                   <PopoverArrow bgColor="#373d3f" />
                   <PopoverBody>
                     If you need to change the Organization or Business Unit for
-                    your Namespace, submit a request through the{' '}
+                    your Gateway, submit a request through the{' '}
                     <Link
                       href={global.helpLinks.helpChangeOrgUrl}
                       target="_blank"

diff --git a/src/nextapp/pages/manager/gateways/list.tsx b/src/nextapp/pages/manager/gateways/list.tsx
@@ -292,7 +292,15 @@ const MyGatewaysPage: React.FC = () => {
                     onClick={handleNamespaceChange(namespace)}
                     cursor="pointer"
                     transition="background-color 0.2s"
-                    _hover={{ backgroundColor: "#f0f0f0" }}
+                    _hover={{
+                      backgroundColor: "#EDEBE9",
+                      h2: {
+                        color: 'bc-blue',
+                        textDecor: 'underline',
+                      },
+
+                      cursor: 'pointer',
+                    }}
                   >
                     <Box>
                       <Flex alignItems="center">
@@ -302,15 +310,15 @@ const MyGatewaysPage: React.FC = () => {
                           mr={4}
                           boxSize={4}
                         />
-                        <Text
+                        <Heading
                           fontSize="md"
                           fontWeight="bold"
-                          color="bc-blue"
+                          lineHeight={6}
                           mr={2}
                           data-testid={`ns-list-activate-link-${namespace.name}`}
                         >
                           {namespace.displayName}
-                        </Text>
+                        </Heading>
                       </Flex>
                       <Text fontSize="md" pl="33px">
                         {namespace.name}