improve the info panel

- Add Maximum Line width
- Add auto wrap

Signed-off-by: Ashley <iamashley@duck.com>
This commit is contained in:
Ashley 2022-11-14 21:44:24 +01:00
parent b5d2d4515d
commit 44774bb194

View file

@ -42,9 +42,22 @@ a {
font-stretch: extra-expanded; font-stretch: extra-expanded;
} }
.video-info-panel > .video-title > a {
white-space: nowrap;
}
.video-info-panel > .video-title {
text-overflow: ellipsis;
overflow: hidden;
max-width: max-content;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.video-sub-info.description { .video-sub-info.description {
font-weight: 600; font-weight: 600;
margin-top: 8.5em !important; margin-top: 9.5em !important;
border-radius: 21px; border-radius: 21px;
background: #1c1c1c; background: #1c1c1c;
padding: 10px; padding: 10px;
@ -114,6 +127,7 @@ a {
display: block ruby; display: block ruby;
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 7em; max-width: 7em;
white-space: nowrap;
} }
.comments-author.owner { .comments-author.owner {