mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 13:37:30 +00:00
bcfac603f0
* added storybook * added avatar component * added button story * added dropdown button story * removed unused ellipsis component * cleaned up modal path * reorganized enroll secrets table file * added flash story; removed unused persistent flash * added fleet ace story * added checkbox story * added dropdown story * added input story * fixed storybook build * fixed avatar * added input with icon story * added radio button story * added select targets dropdown story * added slider story * added tooltip story * added info banner story * removed unused loaders; added spinner story * added modal story * removed unused NumberPill * added pagination story * lint fixes * added documentation to run * modified documentation * fixed corelayout test * fixed format for date-fns * fixed date format that breaks tests * wait for page
113 lines
2 KiB
SCSS
113 lines
2 KiB
SCSS
.enroll-secrets {
|
|
max-height: 10em;
|
|
overflow: auto;
|
|
|
|
&__secret-input {
|
|
.form-field__label {
|
|
position: relative;
|
|
font-size: $x-small;
|
|
font-weight: $bold;
|
|
margin-top: $pad-small;
|
|
}
|
|
|
|
.input-field {
|
|
&--disabled {
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
&--password {
|
|
letter-spacing: 4px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__secret-copy-icon {
|
|
color: $core-vibrant-blue;
|
|
margin-left: $pad-small;
|
|
margin-right: $pad-medium;
|
|
}
|
|
|
|
.buttons {
|
|
display: flex;
|
|
align-items: center;
|
|
position: absolute;
|
|
right: 16px;
|
|
transform: translateY(80%);
|
|
height: 16px;
|
|
|
|
span {
|
|
font-weight: $regular;
|
|
}
|
|
|
|
a {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
img {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
}
|
|
|
|
&__secret-download-icon {
|
|
display: block;
|
|
font-size: $x-small;
|
|
color: $core-vibrant-blue;
|
|
font-weight: $bold;
|
|
|
|
a {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
img {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-left: 7px;
|
|
}
|
|
}
|
|
|
|
&--multiple-secrets {
|
|
&:before {
|
|
content: "";
|
|
position: sticky;
|
|
display: block;
|
|
z-index: 1;
|
|
top: -2px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 17px;
|
|
// We explicityly use rgba(255,255,255,0) because it's equivalent to transparent for most broswers except Safari.
|
|
background-image: linear-gradient(
|
|
to bottom,
|
|
$core-white,
|
|
rgba(255, 255, 255, 0)
|
|
);
|
|
}
|
|
|
|
&:after {
|
|
content: "";
|
|
position: sticky;
|
|
display: block;
|
|
bottom: -1px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 17px;
|
|
// We explicityly use rgba(255,255,255,0) because it's equivalent to transparent for most broswers except Safari.
|
|
background-image: linear-gradient(
|
|
to bottom,
|
|
rgba(255, 255, 255, 0),
|
|
$core-white
|
|
);
|
|
}
|
|
|
|
.form-field__label {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.enroll-secrets__secret-download-icon {
|
|
margin-bottom: $pad-medium;
|
|
}
|
|
}
|
|
}
|