fix(core): quick search modal on mobile device (#13694)

When searching on a mobile device, the search modal is wider than the
screen, making it hard to use
<img width="345" height="454" alt="Screenshot 2025-10-04 at 17 43 54"
src="https://github.com/user-attachments/assets/10594459-86c5-470b-a22f-578363694383"
/>

Now with the fix applied, it is  usable

<img width="350" height="454" alt="Screenshot 2025-10-04 at 17 44 14"
src="https://github.com/user-attachments/assets/eb783f5b-e3b6-4b7d-8f31-0d876911d95f"
/>


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
- Improved mobile responsiveness of the Quick Search modal. On screens
520px wide or smaller, the modal content now adapts its width instead of
enforcing a minimum, reducing overflow and improving readability on
small devices.
- No visual or behavioral changes on larger screens; existing layouts
and interactions remain unchanged.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
William Guinaudie 2025-10-09 11:04:44 +02:00 committed by GitHub
parent 072b5b22df
commit 26fbde6b62
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -62,4 +62,9 @@ export const modalContent = style({
animationFillMode: 'forwards',
},
},
'@media': {
'screen and (max-width: 520px)': {
minWidth: 'auto',
},
},
});