diff --git a/frontend/pages/DashboardPage/cards/OperatingSystems/OSTableConfig.tsx b/frontend/pages/DashboardPage/cards/OperatingSystems/OSTableConfig.tsx index f1a9ecff18..3c3438f7a5 100644 --- a/frontend/pages/DashboardPage/cards/OperatingSystems/OSTableConfig.tsx +++ b/frontend/pages/DashboardPage/cards/OperatingSystems/OSTableConfig.tsx @@ -65,7 +65,7 @@ const generateDefaultTableHeaders = ( ); } - const { name, os_version_id } = cellProps.row.original; + const { name, os_version_id, platform } = cellProps.row.original; const softwareOsDetailsPath = getPathWithQueryParams( PATHS.SOFTWARE_OS_DETAILS(os_version_id), @@ -83,12 +83,9 @@ const generateDefaultTableHeaders = ( - - {name} - - } + tooltipTruncate + prefix={} + value={name} /> ); }, diff --git a/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwareInstallerCard/SoftwareInstallerCard.tsx b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwareInstallerCard/SoftwareInstallerCard.tsx index 21df1d9cc9..2b0c8c5e7f 100644 --- a/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwareInstallerCard/SoftwareInstallerCard.tsx +++ b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwareInstallerCard/SoftwareInstallerCard.tsx @@ -1,3 +1,5 @@ +/** software/titles/:id > Second section */ + import React, { useCallback, useContext, useState } from "react"; import PATHS from "router/paths"; diff --git a/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/SoftwareTable.tsx b/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/SoftwareTable.tsx index d6ebf715fc..9842525076 100644 --- a/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/SoftwareTable.tsx +++ b/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/SoftwareTable.tsx @@ -245,14 +245,13 @@ const SoftwareTable = ({ }; const handleRowSelect = (row: IRowProps) => { - if (row.original.id) { - const path = getPathWithQueryParams( - PATHS.SOFTWARE_TITLE_DETAILS(row.original.id.toString()), - { team_id: teamId } - ); + if (!row.original.id) return; - router.push(path); - } + const detailsPath = showVersions + ? PATHS.SOFTWARE_VERSION_DETAILS(row.original.id.toString()) + : PATHS.SOFTWARE_TITLE_DETAILS(row.original.id.toString()); + + router.push(getPathWithQueryParams(detailsPath, { team_id: teamId })); }; const renderSoftwareCount = () => { diff --git a/frontend/pages/SoftwarePage/SoftwareVulnerabilityDetailsPage/SoftwareVulnOSVersions/SwVulnOSTableConfig.tsx b/frontend/pages/SoftwarePage/SoftwareVulnerabilityDetailsPage/SoftwareVulnOSVersions/SwVulnOSTableConfig.tsx index 10007a56b5..ec12dff4f6 100644 --- a/frontend/pages/SoftwarePage/SoftwareVulnerabilityDetailsPage/SoftwareVulnOSVersions/SwVulnOSTableConfig.tsx +++ b/frontend/pages/SoftwarePage/SoftwareVulnerabilityDetailsPage/SoftwareVulnOSVersions/SwVulnOSTableConfig.tsx @@ -44,12 +44,9 @@ const generateColumnConfigs = ( return ( - - {name} - - } + tooltipTruncate + prefix={} + value={name} /> ); }, diff --git a/frontend/pages/SoftwarePage/SoftwareVulnerabilityDetailsPage/SoftwareVulnSoftwareVersions/SwVulnSwTableConfig.tsx b/frontend/pages/SoftwarePage/SoftwareVulnerabilityDetailsPage/SoftwareVulnSoftwareVersions/SwVulnSwTableConfig.tsx index 9d94c43787..06fec94254 100644 --- a/frontend/pages/SoftwarePage/SoftwareVulnerabilityDetailsPage/SoftwareVulnSoftwareVersions/SwVulnSwTableConfig.tsx +++ b/frontend/pages/SoftwarePage/SoftwareVulnerabilityDetailsPage/SoftwareVulnSoftwareVersions/SwVulnSwTableConfig.tsx @@ -43,12 +43,9 @@ const generateColumnConfigs = ( return ( - - {name} - - } + tooltipTruncate + prefix={} + value={name} /> ); }, diff --git a/frontend/styles/var/mixins.scss b/frontend/styles/var/mixins.scss index a3456bd93e..7bcf25e947 100644 --- a/frontend/styles/var/mixins.scss +++ b/frontend/styles/var/mixins.scss @@ -241,6 +241,13 @@ $max-width: 2560px; z-index: 100; line-height: 1.375; white-space: initial; + + // Hyphenated words will still break at hyphens first + // while non-hyphenated strings will break only when necessary + overflow-wrap: break-word; // Preferred property for modern browsers + word-wrap: break-word; // Fallback for older browsers e.g. IE + word-break: break-word; // Ensures words break when necessary + p { margin: 0; }