Truncate url and limit width of social content (#89)

* Truncate and limit width of social list. closes https://github.com/owncast/owncast/issues/845

* Remove new class and allow text to wrap in existing css class
This commit is contained in:
Gabe Kangas
2021-03-27 16:38:27 -07:00
committed by GitHub
parent 5f8f35c51c
commit 9602538098
2 changed files with 3 additions and 1 deletions

View File

@@ -186,7 +186,7 @@ export default function EditSocialLinks() {
</span> </span>
<p className="option-label"> <p className="option-label">
<strong>{platformName}</strong> <strong>{platformName}</strong>
<span>{url}</span> <span className="handle-url" title={url}>{url}</span>
</p> </p>
</div> </div>
); );

View File

@@ -20,6 +20,7 @@
display: inline-block; display: inline-block;
margin-left: 1em; margin-left: 1em;
line-height: normal; line-height: normal;
word-break: break-word;
} }
} }
} }
@@ -44,6 +45,7 @@
margin: 0 0 0 1em; margin: 0 0 0 1em;
line-height: 2; line-height: 2;
font-size: 0.85em; font-size: 0.85em;
word-break: break-word;
} }
} }
.actions { .actions {