mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
80137dfcc6
Issues https://github.com/fleetdm/fleet/issues/17587, https://github.com/fleetdm/fleet/issues/18836, https://github.com/fleetdm/fleet/issues/18837, https://github.com/fleetdm/fleet/pull/18339, and https://github.com/fleetdm/fleet/pull/18340 # TODOS - Integrate backend - Unit/integration tests - Various todos noted in comments - Cleanup styles and organization of components (de-duplicating and consolidating where possible) - Activity feed updates (if any) # Checklist for submitter If some of the following don't apply, delete the relevant line. <!-- Note that API documentation changes are now addressed by the product design team. --> - [ ] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. See [Changes files](https://fleetdm.com/docs/contributing/committing-changes#changes-files) for more information. - [ ] 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 - [ ] If database migrations are included, checked table schema to confirm autoupdate - For database migrations: - [ ] Checked schema for all modified table for columns that will auto-update timestamps during migration. - [ ] Confirmed that updating the timestamps is acceptable, and will not cause unwanted side effects. - [ ] Ensured the correct collation is explicitly set for character columns (`COLLATE utf8mb4_unicode_ci`). - [ ] 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: Gabriel Hernandez <ghernandez345@gmail.com>
77 lines
1.3 KiB
SCSS
77 lines
1.3 KiB
SCSS
.info-banner {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: $pad-medium;
|
|
border-radius: $border-radius;
|
|
border: 1px solid $ui-vibrant-blue-50;
|
|
font-size: $x-small;
|
|
font-weight: $regular;
|
|
color: $core-fleet-black;
|
|
|
|
&__purple {
|
|
background-color: $ui-vibrant-blue-10;
|
|
}
|
|
|
|
&__purple-bold-border {
|
|
background-color: $ui-vibrant-blue-10;
|
|
border-color: $core-vibrant-blue;
|
|
}
|
|
|
|
&__yellow {
|
|
background-color: $ui-yellow-banner;
|
|
border-color: $ui-yellow-banner-outline;
|
|
}
|
|
|
|
&__grey {
|
|
background-color: $ui-off-white;
|
|
border-color: $ui-fleet-black-50;
|
|
}
|
|
|
|
&__page-banner {
|
|
padding: $pad-large $pad-xlarge;
|
|
margin-bottom: $pad-large;
|
|
width: auto;
|
|
}
|
|
|
|
&__border-radius-large {
|
|
border-radius: $border-radius-medium;
|
|
}
|
|
|
|
&__border-radius-xlarge {
|
|
border-radius: $border-radius-xlarge;
|
|
}
|
|
|
|
&__info {
|
|
p {
|
|
margin: $pad-small 0 0 0;
|
|
}
|
|
}
|
|
|
|
&__cta {
|
|
display: flex;
|
|
align-items: center;
|
|
color: $core-fleet-black;
|
|
text-align: right;
|
|
gap: $pad-small;
|
|
min-width: max-content;
|
|
margin-left: $pad-small;
|
|
|
|
button {
|
|
margin-left: $pad-small;
|
|
}
|
|
}
|
|
|
|
&__close {
|
|
margin-left: $pad-small;
|
|
padding: $xx-small;
|
|
padding-right: 0;
|
|
|
|
&:hover {
|
|
cursor: pointer;
|
|
|
|
svg path {
|
|
stroke: $core-vibrant-blue;
|
|
}
|
|
}
|
|
}
|
|
}
|