mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
994256bcaa
## Precursor for #31671 - Add width option to `ProgressBar` - Refactor `DiskSpaceIndicator` - Use `ProgressBar` with new `width` option - Replace raw react tooltip with `TooltipWrapper` - Clean up confusing styles - Update tests, ensure consistent style with previous implementation on hosts table, hosts details page, my device page <img width="1020" height="546" alt="Screenshot 2025-09-18 at 4 49 28 PM" src="https://github.com/user-attachments/assets/a0c958d0-8b2b-466c-b169-a91dc8fb984c" /> <img width="1020" height="546" alt="Screenshot 2025-09-18 at 4 49 35 PM" src="https://github.com/user-attachments/assets/f60f1e0a-573d-438b-9ded-ec45825599c1" /> - [x] Added/updated automated tests - [x] QA'd all new/changed functionality manually --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
17 lines
218 B
SCSS
17 lines
218 B
SCSS
.progress-bar {
|
|
display: flex;
|
|
height: 4px;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
|
|
&__small {
|
|
width: px-to-rem(50);
|
|
}
|
|
&__large {
|
|
width: px-to-rem(100);
|
|
}
|
|
|
|
&__section {
|
|
height: 100%;
|
|
}
|
|
}
|