1997 accordion closebox position (#2113)

* Tooltip and Menu Styling per #1997 * Adjust width of login tooltip * Update Wizard accordion tooltip styling * Style arrow on rule tooltip * Reposition close box on accordion tooltip
hackforla · Feb 7, 2025 · b85d1ec · b85d1ec
1 parent 76324b8
commit b85d1ec
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/client/src/components/ToolTip/AccordionToolTip.jsx b/client/src/components/ToolTip/AccordionToolTip.jsx
@@ -22,8 +22,8 @@ const useStyles = createUseStyles(theme => ({
   closeButton: {
     color: theme.colors.secondary.gray,
     float: "right",
-    marginTop: "0.25rem ",
-    marginRight: "-0.50rem",
+    marginTop: "-0.75rem",
+    marginRight: "-0.750rem",
     fontSize: "20px",
     "&:hover": {
       cursor: "pointer"
@@ -66,23 +66,29 @@ const AccordionToolTip = ({
       <div className={clsx(classes.triangle)}>
         <div className={clsx(classes.triangleInner)}></div>
       </div>
-      <div
-        className={clsx(classes.closeButton)}
-        onClick={() => setShowDescription(prev => !prev)}
-      >
-        <MdClose />
-      </div>
       {disabledStyle ? (
         <div
           className={clsx(
             classes.accordionTooltipLabel,
             classes.disabledDescription
           )}
         >
+          <div
+            className={clsx(classes.closeButton)}
+            onClick={() => setShowDescription(prev => !prev)}
+          >
+            <MdClose />
+          </div>
           <Interweave transform={TransformExternalLink} content={description} />
         </div>
       ) : (
         <div className={clsx(classes.accordionTooltipLabel)}>
+          <div
+            className={clsx(classes.closeButton)}
+            onClick={() => setShowDescription(prev => !prev)}
+          >
+            <MdClose />
+          </div>
           <Interweave transform={TransformExternalLink} content={description} />
         </div>
       )}