fleet/frontend/pages/queries/QueryPage/components/QueryResults/_styles.scss
2022-04-20 14:12:53 -04:00

101 lines
1.6 KiB
SCSS

.query-results {
padding: $pad-xxxlarge $pad-xxlarge;
&__text-wrapper {
margin-top: 20px;
display: flex;
flex-direction: row;
font-size: $x-small;
span {
font-weight: $bold;
}
span:not(:last-of-type) {
margin-bottom: $pad-small;
}
.icon-tooltip {
margin-left: $pad-small;
}
}
&__btn-wrapper {
margin-top: $pad-large;
margin-bottom: $pad-xxlarge;
display: flex;
align-items: center;
.button {
padding: $pad-small $pad-medium;
&:not(:last-of-type) {
margin-right: $pad-small;
}
}
}
&__results-cta > *:not(:last-child),
&__errors-cta > *:not(:last-child) {
margin-right: $pad-medium;
}
&__export-btn {
img {
width: 13px;
margin-left: 8px;
position: relative;
bottom: 2px;
}
}
&__show-query-btn {
img {
width: 13px;
margin-left: 8px;
}
}
.table-container {
&__header {
display: none;
}
}
.data-table__wrapper {
overflow-x: scroll;
}
.data-table-block .data-table thead th {
min-width: 140px;
padding-left: 0px;
padding-right: $pad-large;
border-right: 0;
&:first-of-type {
padding-left: $pad-large;
}
}
.data-table-block .data-table tbody td {
padding-left: 0px;
padding-right: $pad-large;
&:first-of-type {
padding-left: $pad-large;
}
}
&__results-table-header,
&__errors-table-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: $pad-xlarge;
}
&__results-count,
&__error-count {
font-size: $x-small;
font-weight: $bold;
}
}