108 lines
2.2 KiB
SCSS
108 lines
2.2 KiB
SCSS
.software-inventory-table {
|
|
&__filters {
|
|
.component__tooltip-wrapper__element {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.children-wrapper {
|
|
gap: $pad-small;
|
|
}
|
|
}
|
|
|
|
.table-container {
|
|
.form-field--slider {
|
|
width: auto;
|
|
align-self: center;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
&__search-input,
|
|
&__search {
|
|
width: 100%; // Search bar across entire table
|
|
|
|
.input-icon-field__input {
|
|
width: 100%;
|
|
min-width: 213px;
|
|
height: 36px;
|
|
}
|
|
|
|
@media (min-width: $table-controls-break) {
|
|
width: auto;
|
|
|
|
.input-icon-field__input {
|
|
width: 310px; // Any wider would run up against time ago header
|
|
}
|
|
}
|
|
}
|
|
|
|
&__data-table-block {
|
|
.data-table-block {
|
|
.data-table__table {
|
|
thead {
|
|
.name__header {
|
|
width: $col-md;
|
|
}
|
|
|
|
@media (min-width: $break-lg) {
|
|
// expand the width of version header at larger screen sizes
|
|
.versions__header {
|
|
width: $col-md;
|
|
}
|
|
}
|
|
}
|
|
|
|
tbody {
|
|
.name__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;
|
|
}
|
|
}
|
|
|
|
.hosts_count__cell {
|
|
.hosts-cell__wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.hosts-cell__link {
|
|
display: flex;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (min-width: $break-sm) {
|
|
.name__cell {
|
|
max-width: $col-lg;
|
|
}
|
|
}
|
|
|
|
@media (min-width: $break-lg) {
|
|
.versions__cell {
|
|
width: $col-md;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.view-all-hosts {
|
|
&__cell {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
}
|
|
}
|