merge with develop branch

scm-ui/ui-webapp/src/repos/branches/components/BranchRow.tsx

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

scm-ui/ui-webapp/src/repos/branches/components/BranchTable.tsx

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

scm-ui/ui-webapp/src/repos/components/RepositoryDetailTable.tsx

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

scm-ui/ui-webapp/src/repos/containers/RepositoryRoot.tsx

@@ -32,6 +32,9 @@ import {
   Loading,
   NavLink,
   Page,
+  CustomQueryFlexWrappedColumns,
+  PrimaryContentColumn,
+  SecondaryNavigationColumn,
   SecondaryNavigation,
   SubNavigation,
   MenuContext,
@@ -173,8 +176,8 @@ class RepositoryRoot extends React.Component<Props, State> {
           title={repository.namespace + "/" + repository.name}
           afterTitle={<ExtensionPoint name={"repository.afterTitle"} props={{ repository }} />}
         >
-          <div className="columns">
-            <div className="column">
+          <CustomQueryFlexWrappedColumns>
+            <PrimaryContentColumn collapsed={menuCollapsed}>
               <Switch>
                 <Redirect exact from={this.props.match.url} to={redirectedUrl} />
 
@@ -223,8 +226,8 @@ class RepositoryRoot extends React.Component<Props, State> {
                 <Route path={`${url}/branches/create`} render={() => <CreateBranch repository={repository} />} />
                 <ExtensionPoint name="repository.route" props={extensionProps} renderAll={true} />
               </Switch>
-            </div>
-            <div className={menuCollapsed ? "column is-1" : "column is-3"}>
+            </PrimaryContentColumn>
+            <SecondaryNavigationColumn collapsed={menuCollapsed}>
               <SecondaryNavigation
                 label={t("repositoryRoot.menu.navigationLabel")}
                 onCollapse={() => this.onCollapseRepositoryMenu(!menuCollapsed)}
@@ -268,8 +271,8 @@ class RepositoryRoot extends React.Component<Props, State> {
                   <ExtensionPoint name="repository.setting" props={extensionProps} renderAll={true} />
                 </SubNavigation>
               </SecondaryNavigation>
-            </div>
-          </div>
+            </SecondaryNavigationColumn>
+          </CustomQueryFlexWrappedColumns>
         </Page>
       </MenuContext.Provider>
     );