fleet/frontend/components/FileUploader/_styles.scss
Jahziel Villasana-Espinoza ac4ec2ff27
FMA version rollback (#40038)
- **Gitops specify FMA rollback version (#39582)**
- **Fleet UI: Show versions options for FMA installers (#39583)**
- **rollback: DB and core implementation (#39650)**

<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** Resolves #31919 

# Checklist for submitter

If some of the following don't apply, delete the relevant line.

- [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/guides/committing-changes.md#changes-files)
for more information.

- [x] Input data is properly validated, `SELECT *` is avoided, SQL
injection is prevented (using placeholders for values in statements)

## Testing

- [x] Added/updated automated tests
- [x] Where appropriate, [automated tests simulate multiple hosts and
test for host
isolation](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/reference/patterns-backend.md#unit-testing)
(updates to one hosts's records do not affect another)
- [x] QA'd all new/changed functionality manually

---------

Co-authored-by: Jonathan Katz <44128041+jkatz01@users.noreply.github.com>
Co-authored-by: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Co-authored-by: Carlo DiCelico <carlo@fleetdm.com>
2026-02-24 14:00:32 -05:00

70 lines
1.3 KiB
SCSS

.file-uploader {
display: flex;
flex-direction: column;
align-items: center;
border-radius: $border-radius-medium;
background-color: $core-fleet-white;
border: 1px solid $ui-fleet-black-10;
padding: $pad-xlarge $pad-large;
font-size: $x-small;
&:not(.file-uploader__file-preview) {
text-align: center;
// Preview may include dropdown input that needs to be shown
input {
display: none;
}
}
.content-wrapper {
@include content-wrapper();
}
&__error {
border-color: $core-vibrant-red;
}
// when the file preview is showing, we want the padding to be
// slightly smaller on the top and bottom.
&__file-preview {
padding: $pad-medium $pad-large;
}
&__internal-error {
color: $core-vibrant-red;
}
&__graphics {
display: flex;
justify-content: center;
gap: $pad-medium;
}
&__message {
margin: 0;
color: $ui-fleet-black-75;
}
&__additional-info {
margin: 0;
color: $ui-fleet-black-50;
}
&__upload-button {
// we handle the padding in the label so the entire button is clickable
padding: 0;
label,
span {
padding: $pad-small $pad-medium;
display: flex;
align-items: center;
justify-content: center;
gap: $pad-small;
&:hover {
cursor: pointer;
}
}
}
}