fleet/frontend/components/FleetAce/theme.css
Martavis Parker 5d647025f9
1497 improved query experience (#1998)
* Step 1 for improving query experience (#1591)

* fake change to create draft PR

* temp routes to work and not modify old query page

* created new API abstraction for query

* refactored App.jsx to prepare react-query

* fixed flow of redirects after page refresh; functional component added

* setup for getting data on edit

* implementing functions for query page

* Old form showing on new setup

* improving and breaking up query form

* no need for the helpers anymore; clean up

* added type for button component variant

* step toward new save modal; have to switch gears to #1619

* creating new query works

* clean up

* linting cleanup

* added default value for new query

* will address dynamic save disabled in edit step

* Step 2 for improving query experience (select targets) (#1732)

* fake change to create draft PR

* temp routes to work and not modify old query page

* created new API abstraction for query

* refactored App.jsx to prepare react-query

* fixed flow of redirects after page refresh; functional component added

* setup for getting data on edit

* implementing functions for query page

* Old form showing on new setup

* improving and breaking up query form

* no need for the helpers anymore; clean up

* added type for button component variant

* step toward new save modal; have to switch gears to #1619

* creating new query works

* clean up

* linting cleanup

* added default value for new query

* split steps into separate files for readability

* components laid out

* new targets picker

* function clean up

* styling tables

* fixing logic

* fixed logic to keep getting related hosts

* formatting targets for API

* fixed default query

* clean up

* styled target selectors; fixed target input styles

* began total count

* forgot to remove debugging code

* lint fixes

* added target count from API

* clean up

* able to remove selected host targets from table

* lint fixes

* Improving query experience - Step 3 (query results) (#1766)

* fake change to create draft PR

* temp routes to work and not modify old query page

* created new API abstraction for query

* refactored App.jsx to prepare react-query

* fixed flow of redirects after page refresh; functional component added

* setup for getting data on edit

* implementing functions for query page

* Old form showing on new setup

* improving and breaking up query form

* no need for the helpers anymore; clean up

* added type for button component variant

* step toward new save modal; have to switch gears to #1619

* creating new query works

* clean up

* linting cleanup

* added default value for new query

* split steps into separate files for readability

* components laid out

* new targets picker

* function clean up

* styling tables

* fixing logic

* fixed logic to keep getting related hosts

* formatting targets for API

* fixed default query

* clean up

* styled target selectors; fixed target input styles

* began total count

* forgot to remove debugging code

* lint fixes

* added target count from API

* clean up

* able to remove selected host targets from table

* lint fixes

* connected run query with modern React/JS; clean up

* linting fixes

* fixed logic to retrieve results from live query

* linting fixes

* created new, simpler query progress

* populating results and errors tables as expected

* syntax fixes

* fixing styles for query results

* more styling for query results

* manual merge from main

* Rename core->free and basic->premium

* Fix lint js

* Comment out portion of test that seems to timeout

* Rename tier  to premium if basic is still loaded

* go sum

* Query Experience Cleanup Tasks (#1807)

* fixes to get merged main branch to build and work

* moved screens for query pages; clean up

* updated and typed react ace for query form; clean up

* using console error instead

* added real types instead of `any` except for errors

* query side panel ts and functional. prep for close task.

* ability to hide, show query table sidebar

* improved live query status warning

* added loading and error state for targets search

* error screen for targets; improved loading display

* now using API-created label for all linux

* missed some files on previous commit

* able to edit query

* clean up

* lint fixes

* query results showing as they come

* remove unused code

* removed old query page. major file cleanup.

* removed selectedTargets redux implementation

* removed unused redux actions and reducers

* removed unused keys in initial state

* selectedOsqueryTable is now using context API

* removed all querypages redux code

* set up context for app and user

* fixed auth with temp fix for wrapper

* completed redux removal from query page

* fixed var names coming from main branch

* fixed var name changes coming from issue 1501

* fixed save popup bug; clean up

* added permissions

* fixed login redirect

* removed unused props

* linting fix

* clean up

* removed unused component, refactor, and clean up

* fixed styles for step 1 as admin

* fixed styles for step 1 as observer

* fixed percentage of online hosts

* added loading progress to query stop button

* reset query status on run again

* added download icon to export button text

* fixed error reset on name input; fixed styles

* fixed bug where query value wasn't saving

* fixed query value when blank

* fixed bug - default query was running every time

* auto adding host from url to targets

* fixed flows for repeating run and save steps

* fleet ace is now TS and functional

* fixed a couple of tests

* fixed issues with query value text inconsistencies

* fixed query side panel not showing

* hiding error count if not > 0

* fixed showing editor for different roles

* using integer for targets

* go sum

* fixed targets param

* catching all errors while running query

* fixed hover state for title and description

* ignore unit test for now; lint fixes

* locking react-ace version

* ignoring tests breaking in github actions

* brought tests back

* fixing file name

* fixing file name again

* fixed e2e test

* have to ignore tests for now

* ignore certain premium tests for now

* one last test to revamp

* another test

* fixed teamflow test

* fixed observer query 403

* lint fixes

* fixed maintainer test

* added changes file

Co-authored-by: Tomas Touceda <chiiph@gmail.com>
2021-09-10 12:06:37 -07:00

181 lines
3.4 KiB
CSS

.ace_editor.ace-fleet {
font-family: "SourceCodePro", monospace;
font-size: 14px;
background-color: #fafafa;
color: #66696f;
border-radius: 4px;
border: solid 1px #dbe3e5;
line-height: 24px;
}
.ace_editor.ace-fleet.ace_focus {
box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.16);
background: transparent;
}
.ace_editor.ace-fleet.ace_focus .ace_gutter {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.ace_editor.ace-fleet.ace_focus .ace_scroller {
border-bottom: solid 1px #c38dec;
}
.ace-fleet.ace_autocomplete .ace_content {
padding-left: 0px;
}
.ace-fleet .ace_content {
height: 100% !important;
}
.ace-fleet .ace_gutter {
background: #fff;
color: #c38dec;
z-index: 1;
border-right: solid 1px #e3e3e3;
}
.ace-fleet .ace_gutter-active-line {
background-color: rgba(174, 109, 223, 0.15);
border-radius: 2px;
left: 4px;
right: 4px;
height: 18px !important;
margin-top: 3px;
}
.ace-fleet .ace_print-margin {
width: 1px;
background: #f6f6f6;
}
.ace-fleet .ace_scrollbar {
z-index: 1;
}
.ace-fleet .ace_cursor {
color: #aeafad;
}
/* Hide cursor in read-only mode */
.ace-fleet .ace_hidden-cursors {
opacity: 0;
}
.ace-fleet .ace_marker-layer .ace_selection {
background: rgba(74, 144, 226, 0.13);
}
.ace-fleet.ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0px #ffffff;
}
.ace-fleet .ace_marker-layer .ace_step {
background: rgb(255, 255, 0);
}
.ace-fleet .ace_marker-layer .ace_bracket {
margin: -1px 0 0 -1px;
border: 1px solid #d1d1d1;
}
.ace-fleet .ace_marker-layer .ace_selected-word {
border: 1px solid #d6d6d6;
}
.ace-fleet .ace_invisible {
color: #d1d1d1;
}
.ace-fleet .ace_keyword {
color: #ae6ddf;
font-weight: 600;
}
.ace-fleet .ace_osquery-token {
border-radius: 3px;
background-color: #ae6ddf;
color: #ffffff;
}
.ace-fleet .ace_identifier {
color: #ff5850;
}
.ace-fleet .ace_string {
color: #4fd061;
}
.ace-fleet .ace_meta,
.ace-fleet .ace_storage,
.ace-fleet .ace_storage.ace_type,
.ace-fleet .ace_support.ace_type {
color: #8959a8;
}
.ace-fleet .ace_keyword.ace_operator {
color: #3e999f;
}
.ace-fleet .ace_constant.ace_character,
.ace-fleet .ace_constant.ace_language,
.ace-fleet .ace_constant.ace_numeric,
.ace-fleet .ace_keyword.ace_other.ace_unit,
.ace-fleet .ace_support.ace_constant,
.ace-fleet .ace_variable.ace_parameter {
color: #f5871f;
}
.ace-fleet .ace_constant.ace_other {
color: #666969;
}
.ace-fleet .ace_invalid {
color: #ffffff;
background-color: #c82829;
}
.ace-fleet .ace_invalid.ace_deprecated {
color: #ffffff;
background-color: #ae6ddf;
}
.ace-fleet .ace_fold {
background-color: #4271ae;
border-color: #4d4d4c;
}
.ace-fleet .ace_entity.ace_name.ace_function,
.ace-fleet .ace_support.ace_function,
.ace-fleet .ace_variable {
color: #4271ae;
}
.ace-fleet .ace_support.ace_class,
.ace-fleet .ace_support.ace_type {
color: #c99e00;
}
.ace-fleet .ace_heading,
.ace-fleet .ace_markup.ace_heading,
.ace-fleet .ace_string {
color: #4fd061;
}
.ace-fleet .ace_entity.ace_name.ace_tag,
.ace-fleet .ace_entity.ace_other.ace_attribute-name,
.ace-fleet .ace_meta.ace_tag,
.ace-fleet .ace_string.ace_regexp,
.ace-fleet .ace_variable {
color: #c82829;
}
.ace-fleet .ace_comment {
color: #8e908c;
}
.ace-fleet .ace_indent-guide {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bdu3f/BwAlfgctduB85QAAAABJRU5ErkJggg==)
right repeat-y;
}