diff --git a/changes/fix-3003-software-loading b/changes/fix-3003-software-loading new file mode 100644 index 0000000000..1450cb2d41 --- /dev/null +++ b/changes/fix-3003-software-loading @@ -0,0 +1 @@ +* Fix homepage software card height height jumping in loading state \ No newline at end of file diff --git a/frontend/pages/Homepage/cards/Software/Software.tsx b/frontend/pages/Homepage/cards/Software/Software.tsx index f5f6798b21..dcc9df0ea8 100644 --- a/frontend/pages/Homepage/cards/Software/Software.tsx +++ b/frontend/pages/Homepage/cards/Software/Software.tsx @@ -129,6 +129,7 @@ const Software = ({ { enabled: navTabIndex === 0, refetchOnWindowFocus: false, + keepPreviousData: true, } ); @@ -148,6 +149,7 @@ const Software = ({ { enabled: navTabIndex === 1, refetchOnWindowFocus: false, + keepPreviousData: true, } ); @@ -173,6 +175,7 @@ const Software = ({ { enabled: isModalOpen, refetchOnWindowFocus: false, + keepPreviousData: true, } ); diff --git a/frontend/pages/Homepage/cards/Software/_styles.scss b/frontend/pages/Homepage/cards/Software/_styles.scss index 0aca449e5f..9e900b8e9c 100644 --- a/frontend/pages/Homepage/cards/Software/_styles.scss +++ b/frontend/pages/Homepage/cards/Software/_styles.scss @@ -81,4 +81,40 @@ font-size: $small !important; } } + .data-table-container { + .data-table__table { + table-layout: fixed; + + thead { + .name__header { + width: 60%; + } + .version__header { + width: 40%; + } + .host_count__header { + border-right: 0; + padding-right: 0; + width: 60px; + } + .id__header { + padding: 0; + border-left: 0; + width: 40px; + } + } + + tbody { + td { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + .id__cell { + padding: 0; + width: 40px; + } + } + } + } }