diff --git a/scm-ui/ui-webapp/src/repos/components/changesets/ChangesetDetails.tsx b/scm-ui/ui-webapp/src/repos/components/changesets/ChangesetDetails.tsx index 917f6d5f90..70052f382b 100644 --- a/scm-ui/ui-webapp/src/repos/components/changesets/ChangesetDetails.tsx +++ b/scm-ui/ui-webapp/src/repos/components/changesets/ChangesetDetails.tsx @@ -69,22 +69,36 @@ const countContributors = (changeset: Changeset) => { return changeset.trailers.length + 1; }; +const ContributorLine = styled.div` + display: flex; + cursor: pointer; +`; + +const ContributorColumn = styled.p` + flex-grow: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + min-width: 0; +`; + +const CountColumn = styled.p` + text-align: right; + white-space: nowrap; +`; + const Contributors: FC<{ changeset: Changeset }> = ({ changeset }) => { const [open, setOpen] = useState(false); return ( <> -
setOpen(!open)}> -
-

- -

-
-
-

- ({countContributors(changeset)} Contributors) -

-
-
+ setOpen(!open)}> + + + + + ({countContributors(changeset)} Contributors) + + {open && } ); @@ -127,7 +141,7 @@ class ChangesetDetails extends React.Component { -
+