diff --git a/core/themes/bartik/css/components/comments.css b/core/themes/bartik/css/components/comments.css index bc4edb8..af79905 100644 --- a/core/themes/bartik/css/components/comments.css +++ b/core/themes/bartik/css/components/comments.css @@ -18,8 +18,6 @@ .comment__meta { font-size: 1.071em; - line-height: 1.2; - overflow: hidden; padding: 0 30px 0 0; /* LTR */ } [dir="rtl"] .comment__meta { @@ -32,21 +30,23 @@ .comment .field-name-user-picture img { margin: 0; } -.comment__meta__author .username { +.comment__author .username { white-space: nowrap; } -.comment__meta__author { +.comment__author { margin: 4px 0; + line-height: 1.2; } -.comment__meta__time { +.comment__time { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 0.786em; + font-size: 0.733em; + line-height: 1.2; color: #68696b; - margin: 4px 0; + margin-bottom: 4px; } -.comment__meta__permalink { - font-size: 0.786em; - margin: 4px 0; +.comment__permalink { + font-size: 0.733em; + line-height: 1.2; } .comment__content { font-size: 0.929em; @@ -58,9 +58,7 @@ position: relative; width: 100%; } -.comment__content h3 { - margin-top: 0; -} + .comment__content:before { content: ''; position: absolute; @@ -101,14 +99,14 @@ margin-right: 40px; margin-left: 0; } -.comment ul.links, -[dir="rtl"] .comment ul.links { +.comment .links { padding: 0 0 0.25em 0; } -.comment ul.links li { +.comment .links li { + font-size: 1.08em; padding: 0 0.5em 0 0; /* LTR */ } -[dir="rtl"] .comment ul.links li { +[dir="rtl"] .comment .links li { padding: 0 0 0 0.5em; } .comment--unpublished { diff --git a/core/themes/bartik/templates/comment.html.twig b/core/themes/bartik/templates/comment.html.twig index 989d7d9..8927db4 100644 --- a/core/themes/bartik/templates/comment.html.twig +++ b/core/themes/bartik/templates/comment.html.twig @@ -87,9 +87,9 @@