mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
* Adds campaigns to redux state * Update campaign with web socket data * Destroy the current campaign when creating a new one * close the socket when leaving the page or creating a new campaign * Allow stopping a running query * Update campaign with query results * Adds QueryResultsTable * Display flash message if campaign can't be created * Allow filtering query results * Adds filter icon * Prevent query text updates when the query is running
49 lines
780 B
SCSS
49 lines
780 B
SCSS
.query-results-table {
|
|
background-color: $white;
|
|
margin-top: 29px;
|
|
padding: $pad-base;
|
|
|
|
&__filter-icon {
|
|
&--is-active {
|
|
color: $brand;
|
|
}
|
|
}
|
|
|
|
&__progress-details {
|
|
display: inline-block;
|
|
width: 378px;
|
|
}
|
|
|
|
&__table-wrapper {
|
|
border: solid 1px $accent-dark;
|
|
border-radius: 3px;
|
|
box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.12);
|
|
max-height: 550px;
|
|
overflow: scroll;
|
|
}
|
|
|
|
&__table {
|
|
border-collapse: collapse;
|
|
color: $text-medium;
|
|
font-size: $small;
|
|
width: 100%;
|
|
}
|
|
|
|
thead {
|
|
background-color: $bg-medium;
|
|
color: $text-ultradark;
|
|
text-align: left;
|
|
|
|
th {
|
|
padding: $pad-small $pad-xsmall;
|
|
}
|
|
}
|
|
|
|
tbody {
|
|
background-color: $white;
|
|
|
|
td {
|
|
padding: $pad-xsmall;
|
|
}
|
|
}
|
|
}
|