From 8b078236801f5f37e83ba2f21c11679805e4ae9f Mon Sep 17 00:00:00 2001
From: guillep2k <18600385+guillep2k@users.noreply.github.com>
Date: Fri, 25 Oct 2019 21:43:38 -0300
Subject: [PATCH] Improve visibility of "Pending" indicator (#8685)

* Improve visibility of "Pending" indicator

* Use background-color instead of just background

* Tone down the yellow
---
 public/css/index.css              | 1 +
 public/less/_repository.less      | 5 +++++
 templates/repo/diff/comments.tmpl | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/css/index.css b/public/css/index.css
index e404c1fec6..2815accab9 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -567,6 +567,7 @@ i.icon.centerlock{top:1.5em}
 .repository.view.issue .comment-list .timeline-line:before{display:block;content:"";position:absolute;margin-top:12px;margin-bottom:14px;top:0;bottom:0;left:82px;width:2px;background-color:#f3f3f3;z-index:-1}
 .repository.view.issue .comment-list .comment .avatar{width:3em}
 .repository.view.issue .comment-list .comment .tag{color:#767676;margin-top:3px;padding:2px 5px;font-size:12px;border:1px solid rgba(0,0,0,.1);border-radius:3px}
+.repository.view.issue .comment-list .comment .tag.pending{color:#000;background-color:#fffbb2;margin-left:5px}
 .repository.view.issue .comment-list .comment .actions .item{float:left}
 .repository.view.issue .comment-list .comment .actions .item.tag{margin-right:5px}
 .repository.view.issue .comment-list .comment .actions .item.action{margin-top:6px;margin-left:10px}
diff --git a/public/less/_repository.less b/public/less/_repository.less
index 48a1214c07..d6bc84ee56 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -738,6 +738,11 @@
                     font-size: 12px;
                     border: 1px solid rgba(0, 0, 0, 0.1);
                     border-radius: 3px;
+                    &.pending {
+                        color: black;
+                        background-color: #fffbb2;
+                        margin-left: 5px;
+                    }
                 }
 
                 .actions {
diff --git a/templates/repo/diff/comments.tmpl b/templates/repo/diff/comments.tmpl
index 1288886a61..85c84c6bac 100644
--- a/templates/repo/diff/comments.tmpl
+++ b/templates/repo/diff/comments.tmpl
@@ -11,7 +11,7 @@
 			<div class="ui right actions">
 			{{if and .Review}}
 				{{if eq .Review.Type 0}}
-					<div class="item tag">
+					<div class="item tag pending">
 					{{$.root.i18n.Tr "repo.issues.review.pending"}}
 					</div>
 				{{else}}