Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 17:08:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 83

Page position jumps when loading homepage software table (#3092)

Browse source
This commit is contained in:
Luke Heath 2021-11-23 12:18:35 -06:00 committed by GitHub
parent 9cf025a0a5
commit f510dcf936
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 40 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
changes/fix-3003-software-loading Normal file
View file

@ -0,0 +1 @@
* Fix homepage software card height height jumping in loading state

3
frontend/pages/Homepage/cards/Software/Software.tsx
View file

@ -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,
}
);

36
frontend/pages/Homepage/cards/Software/_styles.scss
View file

@ -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;
}
}
}
}
}