mirror of
https://github.com/fleetdm/fleet
synced 2026-05-06 14:58:33 +00:00
36bf6d91e5
For #27951. ### Host enroll Before: <img width="759" alt="image" src="https://github.com/user-attachments/assets/df7aa542-724c-4e61-a4c9-49f794c470ec" /> After: <img width="750" alt="image" src="https://github.com/user-attachments/assets/c23d6403-9c47-4af5-80f2-5fce712cec8c" /> ### SQL editor (placeholder on software pre-install query in edit modal) Before: <img width="761" alt="image" src="https://github.com/user-attachments/assets/32218586-fe3e-4531-afad-766e659a304f" /> After: <img width="760" alt="image" src="https://github.com/user-attachments/assets/22e3a693-e017-4f62-9f27-4f9e0747520b" /> Bootstrap package modal only shows up on failed bootstrap package loads, so rather difficult to get to where this can be tested, but other outputs are 14px so this should be fine. - [x] Manual QA for all new/changed functionality
89 lines
1.4 KiB
SCSS
89 lines
1.4 KiB
SCSS
@import "../../../../../../../node_modules/react-tabs/style/react-tabs.scss";
|
|
|
|
.platform-wrapper {
|
|
padding: 0; // different to pad sticky subnav properly
|
|
|
|
.tab-nav {
|
|
// negate problematic sticky positioning
|
|
position: initial;
|
|
.react-tabs {
|
|
&__tab-list {
|
|
margin: 0 0 $pad-large;
|
|
}
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
margin-bottom: $pad-small;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
}
|
|
|
|
.input-field {
|
|
&__textarea {
|
|
min-height: 88px;
|
|
}
|
|
|
|
&__textarea {
|
|
font-family: "SourceCodePro", $monospace;
|
|
font-weight: $bold;
|
|
color: $core-fleet-blue;
|
|
line-height: 20px;
|
|
line-break: anywhere;
|
|
padding: 12px $pad-xlarge 12px $pad-medium;
|
|
}
|
|
}
|
|
|
|
&__advanced--installer {
|
|
.input-field {
|
|
height: 105px;
|
|
}
|
|
}
|
|
|
|
&__certificate-loading {
|
|
color: $ui-fleet-black-50;
|
|
padding-top: $pad-xsmall;
|
|
}
|
|
|
|
&__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;
|
|
}
|
|
}
|
|
}
|
|
|
|
.download-certificate--tooltip {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|