diff options
| author | James Taylor <user234683@users.noreply.github.com> | 2018-08-24 14:48:02 -0700 |
|---|---|---|
| committer | James Taylor <user234683@users.noreply.github.com> | 2018-08-24 14:48:02 -0700 |
| commit | fc001e7427f498ff5d1da46f6bb50393fba74afe (patch) | |
| tree | bec70db30aaaa4cc992c13d4235fd6c05d12ea05 | |
| parent | 3b8529ca110b429c4afefa7cac61487cd660809d (diff) | |
| download | yt-local-fc001e7427f498ff5d1da46f6bb50393fba74afe.tar.lz yt-local-fc001e7427f498ff5d1da46f6bb50393fba74afe.tar.xz yt-local-fc001e7427f498ff5d1da46f6bb50393fba74afe.zip | |
Fix comments with long usernames breaking comment section
| -rw-r--r-- | youtube/comments.css | 6 | ||||
| -rw-r--r-- | youtube/shared.css | 2 | ||||
| -rw-r--r-- | yt_comments_template.html | 3 | ||||
| -rw-r--r-- | yt_watch_template.html | 3 |
4 files changed, 11 insertions, 3 deletions
diff --git a/youtube/comments.css b/youtube/comments.css index fb3e629..18d0488 100644 --- a/youtube/comments.css +++ b/youtube/comments.css @@ -6,9 +6,10 @@ .comment{ display:grid; - grid-template-columns: 0fr 0fr 1fr; + grid-template-columns: auto auto 100px 1fr; grid-template-rows: 0fr 0fr 0fr 0fr; background-color: #dadada; + justify-content: start; } .comment .author-avatar{ @@ -25,10 +26,11 @@ grid-row: 1; margin-right:15px; white-space: nowrap; + overflow:hidden; } .comment .text{ - grid-column: 2 / span 2; + grid-column: 2 / span 3; grid-row: 2; white-space: pre-wrap; min-width: 0; diff --git a/youtube/shared.css b/youtube/shared.css index a96fa9b..cc640b4 100644 --- a/youtube/shared.css +++ b/youtube/shared.css @@ -198,7 +198,7 @@ address{ padding-left:2px; padding-right:2px; } - .full-item address{ + .full-item>address{ grid-column: 1; grid-row: 4; justify-self: start; diff --git a/yt_comments_template.html b/yt_comments_template.html index 6d7d52e..6bd2c69 100644 --- a/yt_comments_template.html +++ b/yt_comments_template.html @@ -24,6 +24,9 @@ .comments{ grid-column:2; } + .comment{ + width:640px; + } #left .page-button{ grid-column:2; } diff --git a/yt_watch_template.html b/yt_watch_template.html index 5279f6f..0765147 100644 --- a/yt_watch_template.html +++ b/yt_watch_template.html @@ -44,6 +44,9 @@ grid-row: 6; margin-top:10px; } + .comment{ + width:640px; + } .more-comments{ grid-column: 1 / span 2; } |