UI: Fix disabled cursor with/without tooltip (#6846)

frontend/components/forms/fields/Checkbox/Checkbox.tsx

@@ -77,7 +77,7 @@ const Checkbox = (props: ICheckboxProps) => {
         <span className={checkBoxTickClass} />
 
         {tooltip ? (
-          <span className={`${checkBoxClass}__label-tooltip`}>
+          <span className={`${checkBoxClass}__label-tooltip tooltip`}>
             <TooltipWrapper tipContent={tooltip}>
               {children as string}
             </TooltipWrapper>

frontend/pages/admin/IntegrationsPage/components/IntegrationForm/IntegrationForm.tsx

@@ -256,6 +256,7 @@ const IntegrationForm = ({
                 formData.apiToken === "" ||
                 formData.groupId === 0)
           }
+          className={"tooltip"}
         >
           <Button
             className={`${baseClass}__btn`}

frontend/pages/hosts/details/DeviceUserPage/_styles.scss

@@ -172,7 +172,6 @@
       margin-right: $pad-small;
 
       .refetch-btn {
-        cursor: default;
         font-size: $x-small;
         height: 38px;
         margin-right: $pad-small;
@@ -185,10 +184,6 @@
           transform: scale(0.5);
           height: 28px;
         }
-
-        &:hover {
-          cursor: pointer;
-        }
       }
 
       .refetch-offline {

frontend/pages/hosts/details/HostDetailsPage/_styles.scss

@@ -185,10 +185,6 @@
           transform: scale(0.5);
           height: 28px;
         }
-
-        &:hover {
-          cursor: pointer;
-        }
       }
 
       .refetch-offline {

frontend/pages/hosts/details/cards/Software/SoftwareTableConfig.tsx

@@ -250,7 +250,7 @@ export const generateSoftwareTableHeaders = (
           <>
             <span
               className={`last-used ${
-                lastUsed === "Unavailable" ? "text-muted" : ""
+                lastUsed === "Unavailable" ? "text-muted tooltip" : ""
               }`}
               data-tip
               data-for={`last_used__${cellProps.row.original.id}`}

frontend/pages/software/ManageSoftwarePage/SoftwareTableConfig.tsx

@@ -153,7 +153,7 @@ const generateVulnColumnHeader = () => {
         <>
           <span
             className={`text-cell vulnerabilities ${
-              vulnerabilities.length > 1 ? "text-muted" : ""
+              vulnerabilities.length > 1 ? "text-muted tooltip" : ""
             }`}
             data-tip
             data-for={`vulnerabilities__${cellProps.row.original.id}`}

frontend/styles/global/_global.scss

@@ -24,12 +24,17 @@ body {
     text-align: center;
   }
 
-  .button--disabled,
-  .fleet-checkbox__tick--disabled,
   .tooltip {
     &:hover {
       cursor: help;
     }
+
+    .button--disabled,
+    .fleet-checkbox__tick--disabled {
+      &:hover {
+        cursor: help;
+      }
+    }
   }
 }