nitishagar opened a new pull request, #36669:
URL: https://github.com/apache/superset/pull/36669
### SUMMARY
This PR fixes the layout issue where "Published"/"Draft" labels overlap
with the "Modified X ago" timestamp on dashboard cards when using non-English
languages with longer translations (e.g., German "Veröffentlicht", Russian
"Опубликовано").
**Root Cause**: The `TitleRight` styled component used absolute
positioning without width constraints, allowing longer translated labels to
extend beyond their allocated space and overlap with adjacent text.
**Changes**:
- Added `max-width: 120px` to constrain label width
- Added `overflow: hidden` and `text-overflow: ellipsis` for graceful
truncation
- Added `white-space: nowrap` to prevent text wrapping
- Wrapped label with `Tooltip` component so truncated text can be read on
hover
- Removed duplicate `right: -1px` CSS property (minor cleanup)
### TESTING INSTRUCTIONS
1. Start Superset locally
2. Navigate to the Welcome page (dashboard list view)
3. Verify English "Published"/"Draft" labels display correctly (no
regression)
4. Change browser language to German (`de`) or another language with
longer translations:
- Chrome: Settings → Languages → Add German → Move to top → Reload
- Or use DevTools: Network conditions → Override language
5. Refresh and verify:
- Labels no longer overlap with "Modified X ago" text
- Long labels truncate with ellipsis ("...")
- Hovering over truncated labels shows full text in tooltip
6. Test with multiple languages: Spanish (`es`), Russian (`ru`), French
(`fr`)
### ADDITIONAL INFORMATION
- [x] Has associated issue: Fixes #36357
- [ ] Required feature flags:
- [x] Changes UI
- [ ] Includes DB Migration (follow approval process in
[SIP-59](https://github.com/apache/superset/issues/13351))
- [ ] Migration is atomic, supports rollback & is backwards-compatible
- [ ] Confirm DB migration upgrade and downgrade tested
- [ ] Runtime estimates and downtime expectations provided
- [ ] Introduces new feature or API
- [ ] Removes existing feature or API
--
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]
