Fix overflow of long words

This commit is contained in:
Florian Scholdei
2020-03-24 11:57:19 +01:00
parent f1b34eb502
commit 751343fa8b
4 changed files with 4 additions and 4 deletions

View File

@@ -89,7 +89,7 @@ class MarkdownView extends React.Component<Props> {
return ( return (
<div ref={el => (this.contentRef = el)}> <div ref={el => (this.contentRef = el)}>
<Markdown <Markdown
className="content" className="content is-word-break"
skipHtml={skipHtml} skipHtml={skipHtml}
escapeHtml={skipHtml} escapeHtml={skipHtml}
source={content} source={content}

View File

@@ -34,7 +34,7 @@ type Props = {
class BranchRow extends React.Component<Props> { class BranchRow extends React.Component<Props> {
renderLink(to: string, label: string, defaultBranch?: boolean) { renderLink(to: string, label: string, defaultBranch?: boolean) {
return ( return (
<Link to={to}> <Link to={to} title={label}>
{label} <DefaultBranchTag defaultBranch={defaultBranch} /> {label} <DefaultBranchTag defaultBranch={defaultBranch} />
</Link> </Link>
); );

View File

@@ -35,7 +35,7 @@ class BranchTable extends React.Component<Props> {
render() { render() {
const { t } = this.props; const { t } = this.props;
return ( return (
<table className="card-table table is-hoverable is-fullwidth"> <table className="card-table table is-hoverable is-fullwidth is-word-break">
<thead> <thead>
<tr> <tr>
<th>{t("branches.table.branches")}</th> <th>{t("branches.table.branches")}</th>

View File

@@ -52,7 +52,7 @@ class RepositoryDetailTable extends React.Component<Props> {
</tr> </tr>
<tr> <tr>
<th>{t("repository.description")}</th> <th>{t("repository.description")}</th>
<td>{repository.description}</td> <td className="is-word-break">{repository.description}</td>
</tr> </tr>
<tr> <tr>
<th>{t("repository.creationDate")}</th> <th>{t("repository.creationDate")}</th>