Backup_Repos/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr synced 2026-05-07 12:31:47 +02:00
Code Issues Projects Releases Wiki Activity

Fixed: Discovery page movie titles wrapping on mobile viewports

Browse source 
Allow long movie titles to wrap to multiple lines on small screens so status icons remain visible.

Fixes #11344
This commit is contained in:
brian 2026-03-31 19:16:52 -04:00
parent 4b85fab05b
commit 551a53e073
3 changed files with 29 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/DiscoverMovie/Overview/DiscoverMovieOverview.css
View file

@ -103,4 +103,19 @@ $hoverScale: 1.05;
.overview {
display: none;
}
.title {
white-space: normal;
word-wrap: break-word;
font-size: 18px;
}
.titleRow {
align-items: flex-start;
flex-direction: column;
}
.actions {
margin-top: 5px;
}
}

7
frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.css
View file

@ -110,7 +110,10 @@ $hoverScale: 1.05;
}
@media only screen and (max-width: $breakpointSmall) {
.container {
padding: 5px;
.title {
padding: 0 5px;
text-align: left;
white-space: normal !important;
word-wrap: break-word;
}
}

9
frontend/src/DiscoverMovie/Posters/DiscoverMoviePosterInfo.css
View file

@ -3,3 +3,12 @@
text-align: center;
font-size: $smallFontSize;
}
@media only screen and (max-width: $breakpointSmall) {
.info {
padding: 0 5px;
text-align: left;
white-space: normal;
word-wrap: break-word;
}
}