Affix the sidebar

This commit is contained in:
Sam Rawlins 2014-10-27 12:58:34 -07:00
parent 2872b3ce4a
commit 4949608980
2 changed files with 39 additions and 32 deletions

View file

@ -1229,6 +1229,11 @@ nav {
//border-left:1px solid #cdcece; //border-left:1px solid #cdcece;
//box-shadow:-3px 0 0 rgba(0,0,0,.05); //box-shadow:-3px 0 0 rgba(0,0,0,.05);
#sidebar-inner {
position: fixed;
width: 180px;
}
h1 {font-size:28px; font-weight:300;} h1 {font-size:28px; font-weight:300;}
h2 {font-size:22px; font-weight:300; margin-bottom:20px;} h2 {font-size:22px; font-weight:300; margin-bottom:20px;}
dl {padding-top:23px; border-top:1px solid #ddd; margin-top:5px; dl {padding-top:23px; border-top:1px solid #ddd; margin-top:5px;

View file

@ -1,37 +1,39 @@
<aside id="sidebar"> <aside id="sidebar">
<div class="result" data-result="{{ commit.status }}"> <div id="sidebar-inner">
<dl> <div class="result" data-result="{{ commit.status }}">
<dd><span class="status">{{ commit.status }}</span></dd> <dl>
<dd><strong>{{ commit.message }}</strong></dd> <dd><span class="status">{{ commit.status }}</span></dd>
<dd><strong>{{ commit.message }}</strong></dd>
</dl>
</div>
<dl ng-if="commit.duration != 0">
<dd><h1>{{ commit.duration | toDuration}}</h1></dd>
</dl> </dl>
</div>
<dl ng-if="commit.duration != 0"> <dl>
<dd><h1>{{ commit.duration | toDuration}}</h1></dd> <dd class="large" ng-if="repo.remote == 'gitlab.com' || repo.remote == 'github.com' || repo.remote == 'enterprise.github.com' ">
</dl> <strong>
commit
<dl> <a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/commit/{{ commit.sha }}" >{{ commit.sha | shortHash}}</a>
<dd class="large" ng-if="repo.remote == 'gitlab.com' || repo.remote == 'github.com' || repo.remote == 'enterprise.github.com' "> to <a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/tree/{{ commit.branch }}">{{ commit.branch }}</a> branch
<strong> </strong>
commit </dd>
<a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/commit/{{ commit.sha }}" >{{ commit.sha | shortHash}}</a> <dd class="large" ng-if="repo.remote == 'bitbucket.org' ">
to <a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/tree/{{ commit.branch }}">{{ commit.branch }}</a> branch <strong>
</strong> commit
</dd> <a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/commits/{{ commit.sha }}" >{{ commit.sha | shortHash}}</a>
<dd class="large" ng-if="repo.remote == 'bitbucket.org' "> to <a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/src/?at={{ commit.branch }}">{{ commit.branch }}</a> branch
<strong> </strong>
commit </dd>
<a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/commits/{{ commit.sha }}" >{{ commit.sha | shortHash}}</a> <dd class="large" ng-if="repo.remote != 'gitlab.com' && repo.remote != 'github.com' && repo.remote != 'enterprise.github.com' && repo.remote != 'bitbucket.org' ">
to <a href="http://{{ repo.host }}/{{ repo.owner }}/{{ repo.name }}/src/?at={{ commit.branch }}">{{ commit.branch }}</a> branch <strong>commit <u>{{ commit.sha | shortHash}}</u> to <u>{{ commit.branch }}</u> branch</strong>
</strong> </dd>
</dd> <dd ng-if="commit.finished_at != 0">{{ commit.finished_at | fromNow }}</dd>
<dd class="large" ng-if="repo.remote != 'gitlab.com' && repo.remote != 'github.com' && repo.remote != 'enterprise.github.com' && repo.remote != 'bitbucket.org' "> <dd ng-if="commit.finished_at == 0 && commit.started_at != 0">Started {{ commit.started_at | fromNow }}</dd>
<strong>commit <u>{{ commit.sha | shortHash}}</u> to <u>{{ commit.branch }}</u> branch</strong> <dd ng-if="commit.finished_at == 0 && commit.started_at == 0">Created {{ commit.created_at}}</dd>
</dd> </dl>
<dd ng-if="commit.finished_at != 0">{{ commit.finished_at | fromNow }}</dd> </div>
<dd ng-if="commit.finished_at == 0 && commit.started_at != 0">Started {{ commit.started_at | fromNow }}</dd>
<dd ng-if="commit.finished_at == 0 && commit.started_at == 0">Created {{ commit.created_at}}</dd>
</dl>
</aside> </aside>
<div id="main" class="output"> <div id="main" class="output">