Improve visibility of "Pending" indicator (#8685)

* Improve visibility of "Pending" indicator

* Use background-color instead of just background

* Tone down the yellow
This commit is contained in:
guillep2k 2019-10-25 21:43:38 -03:00 committed by Lunny Xiao
parent 6aa3f8bc29
commit 8b07823680
3 changed files with 7 additions and 1 deletions

View file

@ -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 .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 .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{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{float:left}
.repository.view.issue .comment-list .comment .actions .item.tag{margin-right:5px} .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} .repository.view.issue .comment-list .comment .actions .item.action{margin-top:6px;margin-left:10px}

View file

@ -738,6 +738,11 @@
font-size: 12px; font-size: 12px;
border: 1px solid rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px; border-radius: 3px;
&.pending {
color: black;
background-color: #fffbb2;
margin-left: 5px;
}
} }
.actions { .actions {

View file

@ -11,7 +11,7 @@
<div class="ui right actions"> <div class="ui right actions">
{{if and .Review}} {{if and .Review}}
{{if eq .Review.Type 0}} {{if eq .Review.Type 0}}
<div class="item tag"> <div class="item tag pending">
{{$.root.i18n.Tr "repo.issues.review.pending"}} {{$.root.i18n.Tr "repo.issues.review.pending"}}
</div> </div>
{{else}} {{else}}