2016-12-21 17:07:13 +00:00
|
|
|
.query-results-table {
|
2019-01-03 20:46:55 +00:00
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
2016-12-21 17:07:13 +00:00
|
|
|
background-color: $white;
|
|
|
|
padding: $pad-base;
|
2017-02-16 20:31:21 +00:00
|
|
|
width: 100%;
|
2017-03-01 19:11:09 +00:00
|
|
|
min-height: calc(500px + (#{$pad-base} * 2));
|
2017-01-12 18:28:46 +00:00
|
|
|
box-sizing: border-box;
|
2017-03-01 19:11:09 +00:00
|
|
|
max-height: 75vh;
|
2016-12-21 17:07:13 +00:00
|
|
|
|
2017-02-24 23:01:43 +00:00
|
|
|
&__button-wrap {
|
|
|
|
@include clearfix;
|
|
|
|
}
|
|
|
|
|
2017-01-24 21:18:02 +00:00
|
|
|
&__export-btn {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
2016-12-21 17:07:13 +00:00
|
|
|
&__filter-icon {
|
|
|
|
&--is-active {
|
2020-11-24 16:59:03 +00:00
|
|
|
color: $core-blue;
|
2016-12-21 17:07:13 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&__progress-details {
|
|
|
|
display: inline-block;
|
|
|
|
width: 378px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__table-wrapper {
|
2019-01-03 20:46:55 +00:00
|
|
|
display: flex;
|
|
|
|
flex-grow: 1;
|
2020-11-24 16:59:03 +00:00
|
|
|
border: solid 1px $ui-borders;
|
2016-12-21 17:07:13 +00:00
|
|
|
border-radius: 3px;
|
|
|
|
box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.12);
|
|
|
|
overflow: scroll;
|
2017-02-24 23:01:43 +00:00
|
|
|
margin-top: 30px;
|
|
|
|
min-height: 400px;
|
2017-02-16 20:31:21 +00:00
|
|
|
width: 100%;
|
2017-02-24 23:01:43 +00:00
|
|
|
|
|
|
|
.kolide-spinner {
|
2019-01-03 20:46:55 +00:00
|
|
|
align-self: center;
|
2017-02-24 23:01:43 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.no-results-message {
|
2019-01-03 20:46:55 +00:00
|
|
|
flex-grow: 1;
|
|
|
|
align-self: center;
|
2017-02-24 23:01:43 +00:00
|
|
|
text-align: center;
|
|
|
|
}
|
2016-12-21 17:07:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&__table {
|
|
|
|
border-collapse: collapse;
|
2020-11-24 16:59:03 +00:00
|
|
|
color: $core-dark-blue-grey;
|
2016-12-21 17:07:13 +00:00
|
|
|
font-size: $small;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
thead {
|
2020-11-24 16:59:03 +00:00
|
|
|
background-color: $core-light-blue-grey;
|
|
|
|
color: $core-black;
|
2016-12-21 17:07:13 +00:00
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
th {
|
|
|
|
padding: $pad-small $pad-xsmall;
|
2017-01-12 16:09:04 +00:00
|
|
|
min-width: 125px;
|
2017-01-25 14:31:13 +00:00
|
|
|
|
|
|
|
span {
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
.kolidecon {
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
}
|
2017-01-09 23:13:52 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.input-field {
|
|
|
|
width: 100%;
|
2016-12-21 17:07:13 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
tbody {
|
|
|
|
background-color: $white;
|
|
|
|
|
|
|
|
td {
|
|
|
|
padding: $pad-xsmall;
|
2017-01-09 23:13:52 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
tr {
|
|
|
|
&:nth-child(even) {
|
2020-11-24 16:59:03 +00:00
|
|
|
background-color: $core-light-blue-grey;
|
2017-01-09 23:13:52 +00:00
|
|
|
}
|
2016-12-21 17:07:13 +00:00
|
|
|
}
|
|
|
|
}
|
2017-02-24 23:01:43 +00:00
|
|
|
|
|
|
|
&--full-screen {
|
|
|
|
animation: growFullScreen 500ms;
|
|
|
|
animation-fill-mode: forwards;
|
|
|
|
border-radius: 3px;
|
|
|
|
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
|
2020-11-24 16:59:03 +00:00
|
|
|
border: solid 1px $ui-borders;
|
2017-02-24 23:01:43 +00:00
|
|
|
z-index: 99;
|
|
|
|
|
|
|
|
.query-progress-details__run-btn {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&--shrinking {
|
|
|
|
animation: shrinkFullScreen 500ms;
|
|
|
|
animation-fill-mode: forwards;
|
|
|
|
z-index: 99;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__fullscreen-btn {
|
|
|
|
float: right;
|
|
|
|
margin-left: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-01-03 20:46:55 +00:00
|
|
|
@keyframes growFullScreen {
|
2017-02-24 23:01:43 +00:00
|
|
|
100% {
|
|
|
|
top: $pad-half;
|
|
|
|
right: $pad-half;
|
|
|
|
bottom: $pad-half;
|
|
|
|
left: calc(#{$nav-tablet-width} + #{$pad-half});
|
|
|
|
max-width: calc(100vw - #{$nav-tablet-width} - #{$pad-half} - #{$pad-half});
|
|
|
|
max-height: 100vh;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-01-03 20:46:55 +00:00
|
|
|
@keyframes shrinkFullScreen {
|
2017-02-24 23:01:43 +00:00
|
|
|
0% {
|
|
|
|
top: $pad-half;
|
|
|
|
right: auto;
|
|
|
|
bottom: auto;
|
|
|
|
left: $pad-half;
|
|
|
|
max-width: 100vw;
|
|
|
|
max-height: 100vh;
|
|
|
|
}
|
2016-12-21 17:07:13 +00:00
|
|
|
}
|