mirror of
https://github.com/empayre/fleet.git
synced 2024-11-07 01:15:22 +00:00
f12780df45
# Addresses #9274 https://www.loom.com/share/2edd946cbd424af2b960801cc505ac85 ## Button and permissions: - no permission, enrolled, online: <img width="1131" alt="no permission, enrolled, online" src="https://user-images.githubusercontent.com/61553566/215197330-abc1606d-bf0a-44ec-b2de-2ef687bd529b.png"> - permission, enrolled, online: <img width="1131" alt="permission, enrolled, online" src="https://user-images.githubusercontent.com/61553566/215197443-a1353b9b-10dd-408b-8295-56029f2df4c3.png"> - permission, enrolled, offline: <img width="1131" alt="permission, enrolled, offline" src="https://user-images.githubusercontent.com/61553566/215197544-b2a997a7-09e5-4f8a-b723-af587b61a90d.png"> - not enrolled: <img width="1131" alt="not enrolled" src="https://user-images.githubusercontent.com/61553566/215197630-87f99cb3-63a9-45ce-bc85-57a45d54cae0.png"> ## Modal - <img width="672" alt="modal" src="https://user-images.githubusercontent.com/61553566/215214640-96670a23-d927-4213-a8fa-89411279c075.png"> - <img width="672" alt="Screenshot 2023-01-27 at 2 12 42 PM" src="https://user-images.githubusercontent.com/61553566/215215098-40d29556-3b73-4f52-a4ae-cc8b09122f5d.png"> - <img width="672" alt="Screenshot 2023-01-27 at 2 17 48 PM" src="https://user-images.githubusercontent.com/61553566/215216304-b9362b13-f37f-4454-81b5-423f6fc72280.png"> - <img width="787" alt="success-shot" src="https://user-images.githubusercontent.com/61553566/215236373-be7b1970-662d-47e6-ac59-f51eff344fcd.png"> # 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/` - [x] Updated test inventory - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
101 lines
1.7 KiB
SCSS
101 lines
1.7 KiB
SCSS
.dashboard-page {
|
|
background-color: $ui-off-white;
|
|
|
|
.data-error {
|
|
&__inner {
|
|
margin: $pad-xxxlarge 0;
|
|
}
|
|
}
|
|
|
|
&__wrapper {
|
|
background-color: $ui-off-white;
|
|
}
|
|
|
|
h2 {
|
|
font-size: $small;
|
|
font-weight: $regular;
|
|
margin: 0;
|
|
}
|
|
|
|
.form-field--dropdown {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
&__header {
|
|
height: 38px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: $pad-large;
|
|
|
|
.Select-control {
|
|
background-color: $ui-off-white !important;
|
|
}
|
|
}
|
|
|
|
&__title {
|
|
.fleeticon {
|
|
color: $core-fleet-blue;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.fleeticon-success-check {
|
|
color: $ui-success;
|
|
}
|
|
|
|
.fleeticon-offline {
|
|
color: $ui-error;
|
|
}
|
|
}
|
|
|
|
&__platforms {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
span {
|
|
font-size: $small;
|
|
}
|
|
.Select-control,
|
|
.Select-value {
|
|
background-color: $core-white !important;
|
|
}
|
|
}
|
|
|
|
&__platform_dropdown {
|
|
width: 138px;
|
|
}
|
|
|
|
&__section {
|
|
margin-top: $pad-medium;
|
|
width: 100%;
|
|
display: grid;
|
|
row-gap: $pad-medium;
|
|
|
|
@media screen and (min-width: 990px) {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
column-gap: $pad-medium;
|
|
|
|
// if we have an odd number of elements, take
|
|
// the last one and stretch it across the grid
|
|
.dashboard-info-card:nth-child(odd):last-child {
|
|
grid-column-start: span 2;
|
|
}
|
|
}
|
|
}
|
|
|
|
.host-sections {
|
|
position: relative;
|
|
}
|
|
|
|
.spinner {
|
|
z-index: 11;
|
|
opacity: 1;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
}
|