fleet/frontend/components/queries/QueryResultsTable/_styles.scss
Mike Stone 8567cc458c Run query (#549)
* 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
2016-12-21 12:07:13 -05:00

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;
}
}
}