fix(code/frontend): truncate commit message (#33548)

elastic · Mar 20, 2019 · 9dc63ed · 9dc63ed
1 parent 06b3796
commit 9dc63ed
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/x-pack/plugins/code/public/components/main/commit_history.tsx b/x-pack/plugins/code/public/components/main/commit_history.tsx
@@ -43,9 +43,9 @@ const Commit = (props: { commit: CommitInfo; date: string; repoUri: string }) =>
     .join('');
   return (
     <EuiPanel className="code-timeline__commit--root">
-      <div>
+      <div className="eui-textTruncate">
         <EuiText size="s">
-          <p>{message}</p>
+          <p className="eui-textTruncate">{message}</p>
         </EuiText>
         <EuiText size="xs">
           <EuiTextColor color="subdued">

diff --git a/x-pack/plugins/code/public/components/main/main.scss b/x-pack/plugins/code/public/components/main/main.scss
@@ -275,7 +275,7 @@
 .code-commit-id {
   @include euiCodeFont;
   height: calc(20rem / 14);
-  margin: auto 0;
+  margin: auto 0 auto $euiSizeM;
   text-align: center;
   flex-shrink: 0;
 }