heckyel/yt-local
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent long titles with no spaces overflowing item containers

Browse Source
This commit is contained in:
James Taylor 2020-03-20 22:08:42 -07:00
parent 408a9c79ae
commit d1bdbf4269
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
youtube/static/shared.css
View File

@ -164,6 +164,9 @@ body{
.item-box{ .item-box{
display: inline-flex; display: inline-flex;
flex-direction: row; flex-direction: row;
/* prevent overflow due to long titles with no spaces:
https://stackoverflow.com/a/43312314 */
min-width: 0;
} }
.vertical-item-box{ .vertical-item-box{
} }
@ -182,6 +185,9 @@ body{
align-content: start; align-content: start;
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
grid-template-rows: auto auto auto auto 1fr; grid-template-rows: auto auto auto auto 1fr;
/* prevent overflow due to long titles with no spaces:
https://stackoverflow.com/a/43312314 */
min-width: 0;
} }
.vertical-item-box .item{ .vertical-item-box .item{
width: 168px; width: 168px;
@ -244,7 +250,8 @@ body{
min-width: 0; min-width: 0;
line-height:1.25em; line-height:1.25em;
max-height:3.75em; max-height:3.75em;
overflow:hidden; overflow-y: hidden;
overflow-wrap: break-word;
color: var(--text-color); color: var(--text-color);
font-size: 1rem; font-size: 1rem;