lasers/FreeTube
1
0
Fork 0
mirror of https://github.com/FreeTubeApp/FreeTube synced 2024-11-29 21:50:16 +01:00
Code Issues Projects Releases Wiki Activity

Improve responsiveness in playlist sidebar when one word channel names are long (#3772)

Browse Source 
* Wrap long one word channel names in `infoLine`

* Set height of playlist section to auto on small devices to prevent overflow

* Center videoThumbnail in playlist sidebar to visually be the same as playlist view

* Move CSS changes closer together
This commit is contained in:
Emma 2023-07-14 07:23:00 -04:00 committed by GitHub
parent c641c5112d
commit 13e18a8aa7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/renderer/scss-partials/_ft-list-item.scss
View File

@ -228,6 +228,7 @@ $watched-transition-duration: 0.5s;
font-size: 14px;
grid-area: infoLine;
margin-top: 5px;
overflow-wrap: anywhere;
@include is-sidebar-item {
font-size: 12px;

10
src/renderer/views/Watch/Watch.scss
View File

@ -113,6 +113,16 @@
height: 500px;
}
.watchVideoPlaylist {
:deep(.videoThumbnail) {
margin-top: auto;
margin-bottom: auto;
}
@media (max-width: 768px) {
height: auto;
}
}
.watchVideoRecommendations,
.theatreRecommendations {
margin: 0 0 16px;