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:
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user