Improve agent details page #7193
Assignees
Labels
Comments
asteriscos
added
type/bug
asteriscos
changed the title
10 tasks
guidomodarelli
added a commit
that referenced
this issue
Dec 9, 2024
…readability and consistency [#7193]
asteriscos
added a commit
that referenced
this issue
Dec 11, 2024
* style(top_packages_table): increase padding size in EuiPanel for improved layout consistency and visual appearance * style(vuls_welcome_panel): align text to the left for better readability in vulnerability panel component * refactor(agents-welcome): update malware detection to vulnerability detection for better alignment with application terminology * feat(ribbon): add condensed prop to IRibbonItem and implement logic for displaying condensed items in the ribbon component * fix(dashboard_panels): adjust height of panel '1' from 12 to 7 for improved layout consistency in dashboard panels * chore(changelog): document changes to agent details page for better readability and layout consistency * fix(vuls_panel): change padding size of EuiPanel from 's' to 'm' for improved layout consistency in the welcome panel * fix(agent_info): update IP address style to set min and max width for improved layout consistency in agent info display * Add euiFlexGroup element to inventory test snapshot * fix(agent_details): refine layout of agent details view for improved readability and consistency [#7193] * feat(wz-text-tooltip): implement text truncation with tooltip for improved text display in component [#7194] * style(ribbon-item): adjust max-width for mobile responsiveness in ribbon-item component [#7200] * style(agent-info): update minWidth and maxWidth for better layout in agent info component [#7201] * style(wz-text-tooltip): add anchorClassName for full width in tooltip component [#7195] * feat(ribbon-item): enhance rendering logic and add render prop for dynamic content * style(wz-ribbon-item): prevent growth of ribbon item for consistent layout [#7202] * style(wz-ribbon-item): set font size and prevent growth for consistent layout across inventory components [#7206] * style(agent-info): remove min-width for agent status to enhance layout consistency [#7207] * style(agent-status): add custom margin for icon tip to improve alignment [#7208] * style(agent-info): modify IP address styling to support IPv6 with adjusted min/max widths [#7209] * style(ribbon): reduce group length in GroupTruncate to enhance display [#7210] * style(agent-info): streamline styling by removing minWidth properties for cleaner display within agent info component [#7211] * style(wz-text-tooltip): enhance text display responsiveness with word-break and white-space adjustments for smaller screens [#7212] * Update lifecycle method from componentDidMount to componentDidUpdate * Increase group truncate length to 30 characters * style(agent-info): make 'Group' value condensed and remove maxWidth for 'Operating system' display * fix(ribbon-item): rename elementStyle to contentStyle for clarity in WzTextWithTooltipIfTruncated component * refactor(wz-text-tooltip): rename buildContent to renderContent for improved readability in WzTextWithTooltipIfTruncated component * refactor(wz-text-tooltip): extract createClone method for cleaner code and improved readability in WzTextWithTooltipIfTruncated component * refactor(ribbon-item): change item.style to contentStyle for improved clarity in WzRibbonItem component * feat(platform): add getPlatformIcon and getOsName functions for improved agent OS representation in the application * feat(agent-info): enhance OS display by integrating platform icon and name in InventoryMetrics and AgentInfo components * refactor(ribbon-item): update WzTextWithTooltipIfTruncated to use contentStyle for cleaner code in ribbon-item component * refactor(ribbon-item): use contentStyle instead of item.style for improved clarity in ribbon-item component rendering * refactor(wz-text-with-tooltip): convert class to functional component with hooks for cleaner state management and rendering logic * refactor(agent-info): add minWidth style to registration and last keep-alive fields for better layout consistency * refactor(agent-status): update tooltip class name for improved styling consistency in status indicators --------- Co-authored-by: Federico Rodriguez <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
We want to refine some aspects of the Agent dashboard to enhance the use experience. To achieve this we will do the following tasks.
Tasks
Adjust height of events count evolution visualization
Apply the same padding as the other tables to the Top 5 Packages table.
Reduce the width of small fields
Replace the position of Malware detection for Vulnerability detection in the agent navigation menu.
Align Vulnerability detection KPI's to the left.
The text was updated successfully, but these errors were encountered: