Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-03-27 00:19:39 +01:00
Code Issues Projects Releases Wiki Activity

fix: break long project/flag names in the event log to prevent overflow (#7684)

Browse Source 
This change sets the `overflow-wrap` property for the definition list
values in the event log. This is to prevent long project/flag names
from making the left-hand side of the card suuuper wide, causing
overflow of the whole container.

Before: 

![image](https://github.com/user-attachments/assets/4f813d71-731d-4bb8-86b0-89ff235b2244)

After:

![image](https://github.com/user-attachments/assets/6739d3f0-552b-47c7-8dca-4235a737367e)
This commit is contained in:
Thomas Heartman 2024-07-29 10:54:43 +02:00 committed by GitHub
parent a42970a153
commit f24f8a896c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/component/events/EventCard/EventCard.tsx
View File

@ -39,6 +39,10 @@ const StyledContainerListItem = styled('li')(({ theme }) => ({
},
},
'& dd': {
overflowWrap: 'anywhere',
},
a: {
color: theme.palette.links,
},