From 637c294bf88a0cd16c61f9abaf5863363c6a1b86 Mon Sep 17 00:00:00 2001
From: Ian Bolton <ibolton@redhat.com>
Date: Mon, 16 Dec 2024 05:19:16 -0500
Subject: [PATCH] :bug: Align truncate with full screen expectations (#165)

Closes #164

Signed-off-by: Ian Bolton <ibolton@redhat.com>
---
 webview-ui/src/components/ViolationIncidentsList.tsx | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/webview-ui/src/components/ViolationIncidentsList.tsx b/webview-ui/src/components/ViolationIncidentsList.tsx
index 0d94b4b..e51fc45 100644
--- a/webview-ui/src/components/ViolationIncidentsList.tsx
+++ b/webview-ui/src/components/ViolationIncidentsList.tsx
@@ -10,7 +10,6 @@ import {
   Button,
   Stack,
   StackItem,
-  Tooltip,
   TextInput,
   Select,
   SelectOption,
@@ -18,7 +17,6 @@ import {
   Label,
   MenuToggleElement,
   InputGroup,
-  Divider,
   DataListAction,
   DataListCell,
   DataListItem,
@@ -26,7 +24,6 @@ import {
   DataListItemRow,
   CardHeader,
   CardExpandableContent,
-  CardFooter,
 } from "@patternfly/react-core";
 import { SortAmountDownIcon, TimesIcon, FileIcon, LightbulbIcon } from "@patternfly/react-icons";
 import { Incident, Violation, Severity } from "@editor-extensions/shared";
@@ -204,7 +201,7 @@ const ViolationIncidentsList: React.FC<ViolationIncidentsListProps> = ({
       };
       const isExpanded = expandedViolations.has(violation.description);
       const highestSeverity = getHighestSeverity(violation.incidents);
-      const truncatedDescription = truncateText(violation.description, 35);
+      const truncatedDescription = truncateText(violation.description, 100);
 
       return (
         <Card
@@ -224,9 +221,7 @@ const ViolationIncidentsList: React.FC<ViolationIncidentsListProps> = ({
             // }}
             onExpand={() => toggleViolation(violation.description)}
           >
-            <Tooltip content={violation.description}>
-              <Content style={{ marginBottom: "5px" }}>{truncatedDescription}</Content>
-            </Tooltip>
+            <Content style={{ marginBottom: "5px" }}>{truncatedDescription}</Content>
             <Flex>
               <Label color="blue" isCompact>
                 {violation.incidents.length} incidents
@@ -250,11 +245,9 @@ const ViolationIncidentsList: React.FC<ViolationIncidentsListProps> = ({
               {violation.incidents.map((incident) => (
                 <div key={`${incident.uri}-${incident.lineNumber}`}>
                   {renderIncident(incident, violation)}
-                  <Divider />
                 </div>
               ))}
             </CardBody>
-            <CardFooter>Additional Actions</CardFooter>
           </CardExpandableContent>
         </Card>
       );