Fix checklist padding (#3460)

* Changed style of checklist in issuelist.

* Adjusted padding for progressbar, updated index.css.

* Fixed another wrong tab to spaces.

Signed-off-by: modmew8 <modmew8@gmail.com>
This commit is contained in:
modmew8 2018-02-06 11:22:31 +01:00 committed by Lauris BH
parent a2648281a0
commit ffd0062438
4 changed files with 25 additions and 17 deletions

File diff suppressed because one or more lines are too long

View file

@ -1491,20 +1491,24 @@
.desc { .desc {
padding-top: 5px; padding-top: 5px;
color: #999; color: #999;
.checklist {
padding-left: 5px;
.progress-bar { .progress-bar {
margin-left: 2px;
width: 80px; width: 80px;
height: 6px; height: 6px;
display: inline-block; display: inline-block;
background-color: #eee; background-color: #eee;
overflow: hidden; overflow: hidden;
border-radius: 3px; border-radius: 3px;
vertical-align: middle !important; vertical-align: 2px !important;
.progress { .progress {
background-color: #ccc; background-color: #ccc;
display: block; display: block;
height: 100%; height: 100%;
} }
} }
}
a.milestone { a.milestone {
padding-left: 5px; padding-left: 5px;
color: #999!important; color: #999!important;

View file

@ -203,7 +203,9 @@
{{$tasks := .GetTasks}} {{$tasks := .GetTasks}}
{{if gt $tasks 0}} {{if gt $tasks 0}}
{{$tasksDone := .GetTasksDone}} {{$tasksDone := .GetTasksDone}}
<span class="checklist">
<span class="octicon octicon-checklist"></span> {{$tasksDone}} / {{$tasks}} <span class="progress-bar"><span class="progress" style="width:calc(100% * {{$tasksDone}} / {{$tasks}});"></span></span> <span class="octicon octicon-checklist"></span> {{$tasksDone}} / {{$tasks}} <span class="progress-bar"><span class="progress" style="width:calc(100% * {{$tasksDone}} / {{$tasks}});"></span></span>
</span>
{{end}} {{end}}
{{if .Milestone}} {{if .Milestone}}
<a class="milestone" href="{{$.Link}}?q={{$.Keyword}}&type={{$.ViewType}}&state={{$.State}}&labels={{$.SelectLabels}}&milestone={{.Milestone.ID}}&assignee={{$.AssigneeID}}"> <a class="milestone" href="{{$.Link}}?q={{$.Keyword}}&type={{$.ViewType}}&state={{$.State}}&labels={{$.SelectLabels}}&milestone={{.Milestone.ID}}&assignee={{$.AssigneeID}}">

View file

@ -90,7 +90,9 @@
{{$tasks := .GetTasks}} {{$tasks := .GetTasks}}
{{if gt $tasks 0}} {{if gt $tasks 0}}
{{$tasksDone := .GetTasksDone}} {{$tasksDone := .GetTasksDone}}
<span class="checklist">
<span class="octicon octicon-checklist"></span> {{$tasksDone}} / {{$tasks}} <span class="progress-bar"><span class="progress" style="width:calc(100% * {{$tasksDone}} / {{$tasks}});"></span></span> <span class="octicon octicon-checklist"></span> {{$tasksDone}} / {{$tasks}} <span class="progress-bar"><span class="progress" style="width:calc(100% * {{$tasksDone}} / {{$tasks}});"></span></span>
</span>
{{end}} {{end}}
</p> </p>
</li> </li>