EnxDev commented on code in PR #36380:
URL: https://github.com/apache/superset/pull/36380#discussion_r2584708995
##########
superset-frontend/src/features/alerts/AlertReportModal.tsx:
##########
@@ -353,16 +354,16 @@ export const StyledInputContainer = styled.div`
display: flex;
flex-direction: column;
flex: 1;
+ min-width: 200px;
Review Comment:
By default, flex items have min-width: auto, which prevents them from
shrinking below their content size.
Setting `min-width: 200px` overrides this behavior, allowing the container
to shrink and respect its available width.
Once the container can shrink, the DateLabel's CSS properties` (overflow:
hidden + text-overflow: ellipsis + white-space: nowrap) ` can finally work,
truncating the text with "..." instead of breaking the layout.
See the picture above for the before/after comparison of the time range
filter.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
