anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Fixes header and footer

Browse source
This commit is contained in:
Gustavo Cortez 2014-05-01 12:01:15 -03:00
commit 06a666f368
3 changed files with 43 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

12
css/main.css
View file

@ -18,11 +18,21 @@ html, body {height: 100%;}
padding-bottom: 91px;} /* must be same height as the footer */ padding-bottom: 91px;} /* must be same height as the footer */
#footer { #footer {
position: relative; position: fixed;
margin-top: -96px; /* negative value of footer height */ margin-top: -96px; /* negative value of footer height */
height: 96px; height: 96px;
clear:both; clear:both;
padding: 5px 2rem; padding: 5px 2rem;
bottom: 0;
width: 100%;
}
.bottom-copay {
width: 80px;
text-align: center;
position: relative;
float: right;
margin-left: 15px;
} }
.logo { .logo {

5
css/tpl-clean.css
View file

@ -1,3 +1,8 @@
.logo { .logo {
background: transparent url('../img/logo.png'); background: transparent url('../img/logo.png');
} }
#footer {
background: #333;
color: #fff;
}

52
index.html
View file

@ -18,7 +18,7 @@
<span class="logo"></span> <span class="logo"></span>
</div> </div>
<div class="large-9 medium-9 columns text-center p10t" ng-show="$root.wallet"> <div class="large-9 medium-9 columns text-center p10t" ng-show="$root.wallet">
<div class="large-4 columns line-dashed-v"> <div class="large-4 medium-4 columns line-dashed-v">
<a href="#/addresses" class="has-tip" tooltip-placement="bottom" tooltip="{{$root.wallet.id}}"> <a href="#/addresses" class="has-tip" tooltip-placement="bottom" tooltip="{{$root.wallet.id}}">
<strong><span>{{$root.getWalletDisplay()}}</span></strong> <strong><span>{{$root.getWalletDisplay()}}</span></strong>
</a> </a>
@ -103,34 +103,36 @@
<div id="footer" data-ng-controller="FooterController" ng-show="$root.wallet"> <div id="footer" data-ng-controller="FooterController" ng-show="$root.wallet">
<link rel="stylesheet" ng-href="{{theme}}"> <link rel="stylesheet" ng-href="{{theme}}">
<div class="row"> <div class="row">
<div class="large-2 columns"> <div class="large-3 medium-3 columns m10t">
<strong><div>{{$root.getWalletDisplay()}}</div></strong> <div>
<span class="size-12"> <strong>{{$root.getWalletDisplay()}}</strong>
</div>
<div class="size-12 m10t">
{{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}} wallet {{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}} wallet
</span> </div>
<div class="size-12 m10t" ng-if="themes.length > 1">
<a class="size-12" ng-click="change_theme(th)" ng-repeat="th in themes">{{th}} {{$last ? '' : '&middot; '}}</a>
</div>
</div> </div>
<div class="large-2 columns" style="float:right;" <div class="large-9 medium-9 columns">
ng-repeat="c in $root.wallet.getRegisteredPeerIds()"> <div class="bottom-copay"
<video ng-repeat="c in $root.wallet.getRegisteredPeerIds()">
ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'" <video
class="video-small" ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'"
autoplay ng-show="$root.videoSrc[c.peerId]" class="video-small"
ng-src="{{$root.getVideoURL(c.peerId)}}" autoplay ng-show="$root.videoSrc[c.peerId]"
id="{{c.peerId + '-video'}}" muted="true" ng-src="{{$root.getVideoURL(c.peerId)}}"
title="{{c.peerId + (c.peerId == $root.wallet.network.peerId?' (You)':'')}}" ></video> id="{{c.peerId + '-video'}}" muted="true"
<img ng-show="!$root.videoSrc[c.peerId]" title="{{c.peerId + (c.peerId == $root.wallet.network.peerId?' (You)':'')}}" ></video>
ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'" <img ng-show="!$root.videoSrc[c.peerId]"
class="video-small" ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'"
src="./img/satoshi.gif" class="video-small"
title="{{c.peerId + (c.peerId == $root.wallet.network.peerId?' (You)':'')}}" /> src="./img/satoshi.gif"
<div ng-if="c.nick" class="small-8 text-center" style="position:absolute; width:115%; bottom:-10px">{{c.nick}}</div> title="{{c.peerId + (c.peerId == $root.wallet.network.peerId?' (You)':'')}}" />
<span ng-if="c.nick" style="position:absolute; bottom:-10px; width: 80px; overflow: hidden;">{{c.nick}}</span>
</div>
</div> </div>
</div> </div>
<!--
<div class="large-2 columns text-right">
<a class="size-12" ng-if="themes.length > 1" ng-click="change_theme(th)" ng-repeat="th in themes">{{th}} {{$last ? '' : '&middot; '}}</a>
</div>
-->
</div> </div>
<!-- Templates --> <!-- Templates -->