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 /youtube | |
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
Diffstat (limited to 'youtube')
-rw-r--r-- | youtube/comments.css | 6 | ||||
-rw-r--r-- | youtube/shared.css | 2 |
2 files changed, 5 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; |