fleet/frontend/components/SQLEditor/theme.css
Scott Gress 403deb1e3e
Don't truncate text in SQL editor (#26292)
For #25921 

# Checklist for submitter

- [X] Changes file added for user-visible changes in `changes/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
See [Changes
files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/Committing-Changes.md#changes-files)
for more information.

## Details

This PR fixes an issue where the SQL editor would truncate large
queries, because it was setting a mandatory height on the content
element rather than letting the element use its own computed height.

## Screenshots

**Before:**

![25921-before](https://github.com/user-attachments/assets/19e6e4ea-6ec4-4451-80c7-c5fa061353d7)

**After:**

![25921-after](https://github.com/user-attachments/assets/26c80f89-4bd7-4f43-9d28-531fff945aba)
2025-02-18 11:10:16 -06: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_editor.ace-fleet.ace_autocomplete {
width: 350px;
}
.ace-fleet .ace_content {
height: 100%;
}
.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;
}
.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: $bold;
}
.ace-fleet .ace_osquery-token {
border-radius: 3px;
background-color: #ae6ddf;
color: #ffffff;
}
.ace-fleet .ace_identifier {
color: #ff5850;
}
.ace-fleet .ace_string,
.ace-fleet .ace_osquery-column {
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;
}