add snippet

elastic · Mar 26, 2020 · f49eb15 · f49eb15
1 parent 9e2a095
commit f49eb15
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/src-docs/src/views/comment/comment_example.js b/src-docs/src/views/comment/comment_example.js
@@ -10,6 +10,10 @@ import Comment from './comment';
 const commentSource = require('!!raw-loader!./comment');
 const commentHtml = renderToHtml(Comment);
 
+const commentSnippet = `<EuiComment username="janed">
+  {body}
+</EuiComment>`;
+
 export const CommentExample = {
   title: 'Comment',
   sections: [
@@ -48,6 +52,7 @@ export const CommentExample = {
         </div>
       ),
       props: { EuiComment },
+      snippet: commentSnippet,
       demo: <Comment />,
     },
   ],

diff --git a/src/components/comment/_comment.scss b/src/components/comment/_comment.scss
@@ -1,7 +1,7 @@
 .euiComment {
   font-size: $euiFontSizeS;
   display: flex;
-  margin: -($euiSize * .5);
+  margin: -($euiSizeS);
   padding-bottom: $euiSize;
   min-height: $euiSize * 5;
 
@@ -27,7 +27,7 @@
   .euiCommentTimeline,
   .euiCommentEvent {
     flex-basis: auto;
-    margin: $euiSize * .5;
+    margin: $euiSizeS;
   }
 
 }

diff --git a/src/components/comment/_comment_event.scss b/src/components/comment/_comment_event.scss
@@ -15,6 +15,10 @@
       >div {
         margin: $euiSizeXS;
       }
+
+      .euiCommentEvent__headerTimestamp {
+        padding-top: $euiSizeXS * .5;
+      }
     }
 
     align-items: center;