LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

add max-width to channel description

Browse source
This commit is contained in:
btzr-io 2019-05-29 19:32:06 -06:00
parent 1edf7e06f9
commit 9b9de07bfe
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/ui/component/channelAbout/view.jsx
View file

@ -27,7 +27,7 @@ function ChannelContent(props: Props) {
{showAbout && ( {showAbout && (
<Fragment> <Fragment>
{description && ( {description && (
<div className="media__info-text"> <div className="media__info-text media__info-text--small">
<MarkdownPreview content={description} promptLinks /> <MarkdownPreview content={description} promptLinks />
</div> </div>
)} )}

5
src/ui/scss/component/_media.scss
View file

@ -260,11 +260,16 @@
.media__info-text { .media__info-text {
font-size: 1.15rem; font-size: 1.15rem;
word-break: break-word;
&:not(:last-of-type) { &:not(:last-of-type) {
margin-bottom: var(--spacing-vertical-large); margin-bottom: var(--spacing-vertical-large);
} }
&.media__info-text--small {
max-width: 70%;
}
&.media__info-text--center { &.media__info-text--center {
text-align: center; text-align: center;
} }