Merge pull request #2629 from vv181/channelTitleFix

Fix channel title and url overlay
This commit is contained in:
Sean Yesmunt 2019-07-16 23:05:04 -04:00 committed by GitHub
commit 04e53ecda1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 1 deletions

View file

@ -80,12 +80,15 @@ $metadata-z-index: 1;
padding-left: calc(var(--channel-thumbnail-width) + var(--spacing-large)); padding-left: calc(var(--channel-thumbnail-width) + var(--spacing-large));
// padding-left: var(--spacing-large); // padding-left: var(--spacing-large);
padding-bottom: var(--spacing-medium); padding-bottom: var(--spacing-medium);
min-width: 0;
} }
.channel__title { .channel__title {
font-size: 3rem; font-size: 3rem;
font-weight: 800; font-weight: 800;
margin-right: var(--spacing-large); margin-right: var(--spacing-small);
overflow: hidden;
text-overflow: ellipsis;
// Quick hack to get this to work // Quick hack to get this to work
// We should have a generic style for "header with button next to it" // We should have a generic style for "header with button next to it"
@ -98,4 +101,5 @@ $metadata-z-index: 1;
font-size: 1.2rem; font-size: 1.2rem;
margin-top: -0.25rem; margin-top: -0.25rem;
color: rgba($lbry-white, 0.75); color: rgba($lbry-white, 0.75);
margin-right: var(--spacing-large);
} }

View file

@ -68,6 +68,7 @@
font-size: 1.1rem; font-size: 1.1rem;
min-width: 0; min-width: 0;
margin-right: var(--spacing-small); margin-right: var(--spacing-small);
max-width: 100%;
} }
.media__insufficient-credits { .media__insufficient-credits {