fix(tooltip): Wider service status tooltip

Display the full timestamp on one line
StatensPensjonskasse · May 13, 2024 · cd93451 · cd93451
1 parent d0dc4f8
commit cd93451
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/app-src/src/App.css b/app-src/src/App.css
@@ -115,4 +115,10 @@ table ul li {
 
 .rotating {
     animation: rotating 2s linear infinite;
-}
+}
+
+.service-status-tooltip {
+    .tooltip-inner {
+        min-width: 250px;
+    }
+}
diff --git a/app-src/src/components/ServiceStatusBadge.js b/app-src/src/components/ServiceStatusBadge.js
@@ -23,7 +23,10 @@ const ServiceStatusBadge = ({
         placement="top"
         delay={100}
         overlay={
-          <Tooltip id={`tooltip-task-status-sate-${id}`}>
+          <Tooltip
+            id={`tooltip-task-status-sate-${id}`}
+            className="service-status-tooltip"
+          >
             {createdAt && (
               <span>
                 Created at:{' '}