mirror of
https://github.com/fleetdm/fleet
synced 2026-05-14 20:48:35 +00:00
edf7bec845
# #30860 ## Summary * **New Features** * Introduced dedicated modals for viewing install and uninstall details for both VPP and non-VPP software, providing clearer and more consistent information. * Added support for displaying detailed install information for VPP host software and improved handling of install status actions. * Added an Inventory Versions modal to display detailed version history for installed software on a host. * **Improvements** * Standardized and improved the design and behavior of install/uninstall detail modals across the app. * Refined callbacks and state management for launching modals from host and self-service software tables. * **Bug Fixes** * Addressed issues with property naming and callback signatures in install status handling. * Addressed inconsistencies in displaying software details and status across different components. * **Refactor** * Streamlined component props, callback signatures, and data models for improved maintainability. * Updated test cases and interfaces to align with the new modal and callback structure. * Removed legacy software details modal and related code, streamlining the user interface. * **Style** * Updated modal and table styles for improved readability and consistency. ## *Important note: Host software library modals for VPP apps currently show only installed versions due to [an API bug that is being addressed](https://github.com/fleetdm/fleet/issues/31459) ## Install details modal in various locations and states : ### Activity feeds (global, host details), non-VPP:  ### Device user page self-service, non-VPP (with Retry functionality):  ### Host software library, non-VPP:  ### Activity feeds (global, host details), VPP apps:  ### Device user page self-service, VPP apps (with Retry functionality):  ### Uninstall modal samples - TODO - [x] Changes file added for user-visible changes in `changes/` ## Testing - [x] Added/updated automated tests - [x] QA'd all new/changed functionality manually --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com> Co-authored-by: RachelElysia <rachel@fleetdm.com>
25 lines
454 B
SCSS
25 lines
454 B
SCSS
.software-install-details-modal {
|
|
overflow-wrap: anywhere; // Prevent long software name overflow
|
|
|
|
&__modal-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: $pad-medium;
|
|
}
|
|
|
|
&__status-message {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: $pad-small;
|
|
margin: 0;
|
|
.icon {
|
|
align-self: flex-start;
|
|
}
|
|
}
|
|
.data-set__horizontal {
|
|
flex-direction: row;
|
|
}
|
|
.reveal-button {
|
|
width: min-content;
|
|
}
|
|
}
|