Steven Palmesano
62ed3583e6
**Related issue:** Resolves #49276 **New features** - Added new "Secondary" (bordered, off-white fill) and "Subdued" (borderless, low-emphasis) button variants to match the Figma spec, alongside the existing Primary style. - Allowed rows to be selected in Controls > OS updates. **Cleanup** - Once nothing referenced the old styles anymore, fully removed the old `text-icon`, `brand-inverse-icon`, `inverse-alert`, `inverse`, and `icon` button variants (type, styles, and Storybook entries) from the shared `Button` component. - Removed the `iconStroke` prop, which had become a no-op once the old variants it supported were gone. - Renamed `ActionsDropdown`'s variants (`button`/`brand-button`/`small-button`) to `subdued`/`primary`/`secondary` to match the same naming used everywhere else. - Replaced a one-off dropdown implementation on the Software title page with the shared `ActionsDropdown` component, instead of maintaining duplicate styling logic. - Changed the button name on Host details > Reports > Report details from "View data for all hosts" to "View report for all hosts" (to match the previous page's Actions drop-down options). # Checklist for submitter - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. ## Testing - [x] Added/updated automated tests - [x] QA'd all new/changed functionality manually <img width="1475" height="241" alt="Screenshot 2026-07-21 at 06 35 49" src="https://github.com/user-attachments/assets/7cfbd444-7837-40e8-854e-bc5989d57d85" /> <img width="661" height="306" alt="Screenshot 2026-07-21 at 06 37 18" src="https://github.com/user-attachments/assets/5d0c4873-8179-4089-b115-7e8cd3a53b4d" /> <img width="1427" height="423" alt="Screenshot 2026-07-21 at 06 37 30" src="https://github.com/user-attachments/assets/a4850a60-f44a-4902-b45e-0094f23a52f8" /> <img width="1427" height="640" alt="Screenshot 2026-07-21 at 06 37 46" src="https://github.com/user-attachments/assets/738a4a7f-cd7d-4162-b659-6f649c32204d" /> <img width="1445" height="479" alt="Screenshot 2026-07-22 at 07 03 22" src="https://github.com/user-attachments/assets/4f672dc0-5c6d-4eb8-8465-ed5233fcd1b2" /> <img width="811" height="871" alt="Screenshot 2026-07-21 at 06 41 20" src="https://github.com/user-attachments/assets/5421c96e-2dab-492a-af26-be0e5a7791ca" />
90 lines
1.4 KiB
SCSS
90 lines
1.4 KiB
SCSS
@import "../../../../../../../node_modules/react-tabs/style/react-tabs.scss";
|
|
|
|
.platform-wrapper {
|
|
h1 {
|
|
margin-bottom: $pad-small;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
}
|
|
|
|
.input-field {
|
|
&__textarea {
|
|
min-height: 88px;
|
|
}
|
|
|
|
&__textarea {
|
|
font-family: "SourceCodePro", $monospace;
|
|
color: $core-fleet-black;
|
|
line-height: $line-height;
|
|
line-break: anywhere;
|
|
padding: 12px $pad-xlarge 12px $pad-medium;
|
|
resize: none;
|
|
}
|
|
}
|
|
|
|
&__advanced--installer {
|
|
.input-field {
|
|
height: 105px;
|
|
}
|
|
}
|
|
|
|
&__advanced--fleet-certificate {
|
|
@include flex-column-8px-gap;
|
|
}
|
|
|
|
&__certificate-loading {
|
|
color: $ui-fleet-black-50;
|
|
}
|
|
|
|
&__certificate-error {
|
|
span,
|
|
em {
|
|
display: block;
|
|
padding: $pad-xsmall 0;
|
|
}
|
|
em {
|
|
color: $ui-error;
|
|
font-style: normal;
|
|
}
|
|
}
|
|
|
|
&__advanced--heading,
|
|
&__chromeos--heading {
|
|
font-weight: $bold;
|
|
}
|
|
|
|
&__chromeos--info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
&__chromeos-policy-for-extension {
|
|
height: 230px;
|
|
|
|
.input-field {
|
|
&__textarea {
|
|
height: 190px;
|
|
}
|
|
&--disabled {
|
|
height: 190px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__command-line-tool.custom-link {
|
|
color: inherit;
|
|
font-weight: $bold;
|
|
}
|
|
|
|
&__advanced--osqueryd .custom-link {
|
|
font-weight: $bold;
|
|
}
|
|
|
|
.download-certificate--tooltip {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|