1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-08 06:55:28 +02:00

github css tidy up

This commit is contained in:
Harvey Kandola 2016-06-01 17:49:50 +01:00
parent fc8e78fa3f
commit 3d79cdd95e
3 changed files with 22 additions and 116 deletions

View file

@ -13,11 +13,7 @@
}
.github-list {
background-color: #e2e4e6;
padding: 10px;
border-radius: 3px;
margin: 10px 10px 0 0;
max-width: 300px;
}
.github-list-title {
@ -41,8 +37,8 @@
<div class="pull-left width-50">
<div class="input-form">
<div class="heading">
<div class="title">Select Repository Branch</div>
<div class="tip">Choose repository branch to watch</div>
<div class="title">Select Repository & Branch</div>
<div class="tip">Choose source of code commits to be displayed</div>
</div>
{{#if noRepos}}
<div class="input-control">
@ -51,14 +47,13 @@
{{else}}
<div class="input-control">
<label>Repositories</label>
<div class="tip">Select Repository</div>
<div class="tip">Select repository</div>
{{ui-select id="boards-dropdown" content=repos action=(action 'onRepoChange') optionValuePath="id" optionLabelPath="name" selection=config.repo}}
</div>
<div class="input-control">
<label>Branches</label>
<div class="tip">Select branch to watch</div>
<div class="tip">Select branch</div>
<div class="github-board">
<div class="github-board-title">{{config.repo.name}}</div>
{{#each config.lists as |list|}}
<div class="github-list" {{action 'onListCheckbox' list.id}}>
{{#if list.included}}

View file

@ -1,81 +1,8 @@
<style>
/*.github-board {
width: 100%;
max-height: 600px;
padding: 10px;
white-space: nowrap;
overflow: auto;
}
.github-list {
margin: 10px 20px 0!important;
border-bottom: 1px solid #eee;
position: relative;
}
.github-list-title {
margin-bottom: 20px;
}
li.github-commit-item {
display: block;
position: relative;
font-size: 12px;
vertical-align: top;
border: 1px solid #eee;
margin-bottom: -1px;
border-radius: 2px;
color: #999;
}
li.github-commit-item:hover {
background-color: #f7fbfc;
cursor: pointer;
}
.github-table-list {
position: relative;
display: table-cell;
padding: 8px 10px;
font-size: 12px;
vertical-align: top;
}
.github-table-list a {
margin-top: 4px;
display: inline-block;
}
p.github-commit-title {
margin: 0px;
line-height: 17px;
color: #4e575b ;
text-decoration: none;
font-size: 15px;
font-weight: 600;
}
.github-commit-meta {
font-weight: normal;
color: #767676;
margin: 0px;
padding: 0px;
}
.github-group-title {
font-size: 12px;
margin-top: 15px;
color: #767676;
margin-bottom: 10px;
}*/
.github-board {
width: 100%;
max-height: 600px;
padding: 10px;
white-space: nowrap;
overflow: auto;
}
ul.github-list {
@ -94,7 +21,7 @@
width: 95%;
font-size: 12px;
color: #999;
padding: 18px;
padding: 10px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-top: 1px solid #eee;
@ -132,21 +59,23 @@
text-decoration: none;
font-size: 13px;
font-weight: 600;
line-height: 20px;
line-height: 16px;
margin: 0px;
padding: 0px;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
}
.github-commit-meta {
font-weight: normal;
color: #767676;
margin-top: 3px;
font-size: 12px;
line-height: 22px;
margin: 0px;
padding: 0px;
width: 90%;
}
</style>
{{{page.body}}}

View file

@ -336,47 +336,29 @@ func (*GithubT) Render(config, data string) string {
var err error
t, err = t.Parse(`
<p>There are {{ .CommitCount }} commits for branch <i>{{.Config.Branch}}</i> of repository <a href="{{ .Repo.URL }}">{{.Repo.Name}}.</a></p>
<p>There are {{ .CommitCount }} commits for branch <span class="bold">{{.Config.Branch}}</span> of repository <a href="{{ .Repo.URL }}">{{.Repo.Name}}.</a></p>
<div class="github-board">
{{range $data := .Data}}
<div class="github-group-title">
Commits on {{ $data.Day }}
</div>
<ul class="github-list">
{{range $commit := $data.Commits}}
<li class="github-commit-item">
<div class="github-avatar">
<img alt="@{{$commit.Name}}" src="{{$commit.Avatar}}" height="36" width="36">
</div>
<div class="github-commit-body">
<p class="github-commit-title">
<a href="{{$commit.URL}}">
{{$commit.Message}}
</a>
</p>
<p class="github-commit-meta">
{{$commit.Name}} committed on {{$commit.Date}}
</p>
</div>
<a href="{{$commit.URL}}">
<div class="github-avatar">
<img alt="@{{$commit.Name}}" src="{{$commit.Avatar}}" height="36" width="36">
</div>
<div class="github-commit-body">
<div class="github-commit-title">{{$commit.Message}}</div>
<div class="github-commit-meta">{{$commit.Name}} committed on {{$commit.Date}}</div>
</div>
</a>
<div class="clearfix" />
</li>
{{end}}
</ul>
{{end}}
</div>
`)