mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
b5e37ce056
# Checklist for submitter If some of the following don't apply, delete the relevant line. - [ ] Changes file added for user-visible changes in `changes/` or `orbit/changes/`. See [Changes files](https://fleetdm.com/docs/contributing/committing-changes#changes-files) for more information. - [ ] Documented any API changes (docs/Using-Fleet/REST-API.md or docs/Contributing/API-for-contributors.md) - [ ] Documented any permissions changes - [ ] Input data is properly validated, `SELECT *` is avoided, SQL injection is prevented (using placeholders for values in statements) - [ ] Added support on fleet's osquery simulator `cmd/osquery-perf` for new osquery data ingestion features. - [ ] Added/updated tests - [ ] Manual QA for all new/changed functionality - For Orbit and Fleet Desktop changes: - [ ] Manual QA must be performed in the three main OSs, macOS, Windows and Linux. - [ ] Auto-update manual QA, from released version of component to new version (see [tools/tuf/test](../tools/tuf/test/README.md)). --------- Co-authored-by: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
97 lines
2 KiB
SCSS
97 lines
2 KiB
SCSS
.query-side-panel {
|
|
position: relative;
|
|
overflow: unset !important; // was unnecessary and broke close button positioning
|
|
|
|
&__close-button {
|
|
width: 24px;
|
|
height: 24px;
|
|
border: 1px solid $ui-fleet-black-25;
|
|
border-radius: 12px;
|
|
background-color: $core-white;
|
|
position: absolute;
|
|
top: 40px;
|
|
left: -12px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
z-index: 2;
|
|
|
|
img {
|
|
transform: scale(0.5);
|
|
}
|
|
|
|
&:focus {
|
|
outline: none;
|
|
}
|
|
}
|
|
|
|
&__choose-table {
|
|
margin: 0 0 $pad-large;
|
|
|
|
.form-field {
|
|
margin-bottom: $pad-medium;
|
|
}
|
|
}
|
|
|
|
&__header {
|
|
margin: 0 0 $pad-medium;
|
|
font-size: $small;
|
|
font-weight: $bold;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
&__table-count {
|
|
line-height: normal;
|
|
margin-left: $pad-small;
|
|
background-color: $ui-fleet-black-10;
|
|
padding: $pad-xsmall $pad-small;
|
|
border-radius: 8px;
|
|
font-size: $x-small;
|
|
}
|
|
|
|
&__table-select {
|
|
// TODO: Remove these overrides when we do a style update for the core
|
|
// dropdown component.
|
|
&.Select {
|
|
// fixes up some padding issues with the scroll bar for the dropdown.
|
|
.Select-menu-outer {
|
|
padding: 0;
|
|
|
|
.Select-menu {
|
|
padding: $pad-xsmall;
|
|
}
|
|
}
|
|
|
|
// use to truncate selected long table names in the dropdown
|
|
&.has-value.Select--single > .Select-control {
|
|
.Select-value .Select-value-label {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 220px;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&__description {
|
|
font-size: $x-small;
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
&__mdm-required {
|
|
background-color: $core-vibrant-blue;
|
|
color: $core-white;
|
|
font-size: $x-small;
|
|
font-weight: 700;
|
|
padding: 2px 4px;
|
|
border-radius: 4px;
|
|
position: relative;
|
|
top: -2px;
|
|
min-width: 95px;
|
|
max-height: 19px;
|
|
}
|
|
}
|