From c61d5de67fce579307ec2bc242b83a8f957529d8 Mon Sep 17 00:00:00 2001 From: ultralisk Date: Thu, 4 Feb 2016 22:36:21 +0000 Subject: [PATCH] Adding small arrows on issue comments pointing to the user avatar --- public/css/gogs.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/public/css/gogs.css b/public/css/gogs.css index 0014c5fae..d1ec54eb7 100755 --- a/public/css/gogs.css +++ b/public/css/gogs.css @@ -2088,12 +2088,33 @@ footer .container .links > *:first-child { .repository.view.issue .comment-list .comment .content .header { font-weight: normal; padding: auto 15px; + position:relative; color: #767676; background-color: #f7f7f7; border-bottom: 1px solid #eee; border-top-left-radius: 3px; border-top-right-radius: 3px; } +.repository.view.issue .comment-list .comment .content .header:after, .repository.view.issue .comment-list .comment .content .header:before { + right: 100%; + top: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.repository.view.issue .comment-list .comment .content .header:after { + border-right-color: #f7f7f7; + border-width: 8px; + margin-top: -8px; +} +.repository.view.issue .comment-list .comment .content .header:before { + border-right-color: #D4D4D5; + border-width: 9px; + margin-top: -9px; +} .repository.view.issue .comment-list .comment .content .header .text { max-width: 78%; padding-top: 10px;