mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
6555d8def4
relates to #12606 Implementation of the Windows automatic enrollment Fleet UI pages. This includes implementation of card for windows automatic enrollment, the setup page for windows automatic enrollment, and terms and conditions page for windows (This is currently still being worked on as our current solution is not working). **windows mdm auto enrollment card**  **windows auto enrollment setup page**  - [x] 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. - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Marcos Oviedo <marcos@fleetdm.com>
94 lines
1.7 KiB
SCSS
94 lines
1.7 KiB
SCSS
.input-field {
|
|
line-height: 1.5;
|
|
background-color: $ui-light-grey;
|
|
border: solid 1px $ui-fleet-black-10;
|
|
border-radius: 4px;
|
|
font-size: $small;
|
|
padding: 7px 12px;
|
|
color: $core-fleet-blue;
|
|
font-family: "Inter", sans-serif;
|
|
box-sizing: border-box;
|
|
height: 40px;
|
|
transition: border-color 100ms;
|
|
width: 100%;
|
|
|
|
&::placeholder {
|
|
color: $ui-fleet-black-50;
|
|
}
|
|
|
|
&:focus {
|
|
outline: none;
|
|
border-color: $core-vibrant-blue;
|
|
}
|
|
|
|
&:hover {
|
|
box-shadow: none;
|
|
border: 1px solid $core-vibrant-blue;
|
|
}
|
|
|
|
&--disabled {
|
|
color: $ui-fleet-black-50;
|
|
}
|
|
|
|
&--error {
|
|
color: $core-vibrant-red;
|
|
border: 1px solid $core-vibrant-red;
|
|
box-sizing: border-box;
|
|
border-radius: 4px;
|
|
|
|
&:focus {
|
|
border-color: $ui-error;
|
|
background-color: $core-white;
|
|
color: $core-fleet-black;
|
|
}
|
|
}
|
|
|
|
&__textarea {
|
|
min-height: 100px;
|
|
max-width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
&__label {
|
|
display: block;
|
|
font-size: $medium;
|
|
font-weight: $regular;
|
|
color: $core-fleet-black;
|
|
margin-bottom: $pad-xsmall;
|
|
|
|
&--error {
|
|
font-weight: $bold;
|
|
color: $ui-error;
|
|
}
|
|
}
|
|
|
|
&__wrapper {
|
|
margin-bottom: $pad-medium;
|
|
}
|
|
|
|
&__hint {
|
|
font-size: $x-small;
|
|
font-weight: $regular;
|
|
line-height: 1.57;
|
|
letter-spacing: 1px;
|
|
color: $core-fleet-blue;
|
|
|
|
code {
|
|
color: $core-vibrant-blue;
|
|
background-color: $ui-gray;
|
|
padding: $pad-xxsmall;
|
|
font-family: "SourceCodePro", $monospace;
|
|
}
|
|
}
|
|
|
|
&__input-container.copy-enabled {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: $pad-medium;
|
|
}
|
|
}
|
|
|
|
// Removes arrows on Firefox number fields
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|