Skip to content

[8.19] [AI4DSOC] fix styling to address cutoff when screen is narrow (#219306)#222604

Merged
kgeller merged 1 commit intoelastic:8.19from
kgeller:backport/8.19/pr-219306
Jun 4, 2025
Merged

[8.19] [AI4DSOC] fix styling to address cutoff when screen is narrow (#219306)#222604
kgeller merged 1 commit intoelastic:8.19from
kgeller:backport/8.19/pr-219306

Conversation

@kgeller
Copy link
Contributor

@kgeller kgeller commented Jun 4, 2025

Backport

This will backport the following commits from main to 8.19:

Questions ?

Please refer to the Backport tool documentation

…c#219306)

## Summary

Fixing the css settings for the AI4DSOC integrations cards so the cards
resize when the screen is narrow, instead of getting cut off.

## Screenshots

### Before
<img width="750" alt="Screenshot 2025-04-25 at 2 42 33 PM"
src="https://github.com/user-attachments/assets/2cb1033f-8998-4fd7-90ee-e7b6ce12c8ef"
/>

### After
<img width="750" alt="Screenshot 2025-04-25 at 2 39 25 PM"
src="https://github.com/user-attachments/assets/dbee50c9-2c90-455c-8dc7-f7cf102d299b"
/>

### Outside of AI4DSOC not impacted
<img width="750" alt="Screenshot 2025-04-25 at 2 33 25 PM"
src="https://github.com/user-attachments/assets/3b3961d5-4276-4da1-b046-3c8b0ac99bbe"
/>

### AI4DSOC when not narrow screen
<img width="750" alt="Screenshot 2025-04-25 at 2 50 44 PM"
src="https://github.com/user-attachments/assets/ff41c130-1691-4fae-baba-8b24e3641337"
/>

Relates
- elastic/security-team#11789
- elastic#217905

(cherry picked from commit 6516cff)

# Conflicts:
#	x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_card.tsx
@kgeller kgeller added the backport This PR is a backport of another PR label Jun 4, 2025
@kgeller kgeller requested a review from kibanamachine as a code owner June 4, 2025 15:59
@kgeller kgeller enabled auto-merge (squash) June 4, 2025 15:59
@botelastic botelastic bot added the Team:Fleet Team label for Observability Data Collection Fleet team label Jun 4, 2025
@elasticmachine
Copy link
Contributor

Pinging @elastic/fleet (Team:Fleet)

@kgeller kgeller merged commit e12987a into elastic:8.19 Jun 4, 2025
13 checks passed
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id before after diff
fleet 1326 1327 +1

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
fleet 1.6MB 1.6MB +71.0B
Unknown metric groups

API count

id before after diff
fleet 1457 1458 +1

@kgeller kgeller deleted the backport/8.19/pr-219306 branch June 4, 2025 19:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport This PR is a backport of another PR Team:Fleet Team label for Observability Data Collection Fleet team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants