fleet/frontend/pages/SoftwarePage/SoftwareOS/SoftwareOSTable/_styles.scss
Jacob Shandling 4df1159d75
UI – Apply missing truncation and overflow styles to SW OS table (#16971)
## –> #16941 

<img width="968" alt="Screenshot 2024-02-19 at 2 20 12 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/461d7eab-57ac-45e9-aa36-1310118caacd">


- [x] Changes file added for user-visible changes in `changes/` 
- [x] Manual QA

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2024-02-19 14:50:36 -08:00

59 lines
1.1 KiB
SCSS

.software-os-table {
&__count {
display: flex;
gap: 12px;
align-items: center;
}
.hosts-cell__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.os-hosts-link {
opacity: 0;
transition: 250ms;
}
tr:hover {
.os-hosts-link {
opacity: 1;
}
}
.table-container {
&__data-table-block {
.data-table-block {
.data-table {
&__wrapper {
overflow-x: auto;
}
&__table {
tbody {
.name_only__cell {
max-width: $col-md;
// Tooltip does not get cut off
.children-wrapper {
overflow: initial;
}
// ellipsis for software name
.software-name {
overflow: hidden;
text-overflow: ellipsis;
}
}
.link-cell {
display: flex;
align-items: center;
gap: $pad-small;
}
}
}
}
}
}
}
}