borekon/disposable-mailbox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

optimized navbar for mobile

Browse Source
This commit is contained in:
Synox 2016-07-05 08:30:12 +02:00
parent 22a7c2f946
commit 124971aaaf
1 changed files with 33 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/app/navbar/navbar.html
View File

@ -1,20 +1,41 @@
<div class="navbar" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand"><span class="octicon-inbox"></span> Mailbox</a>
<div class="hidden-xs">
<div class="navbar-header">
<a class="navbar-brand"><span class="octicon-inbox"></span> Mailbox</a>
</div>
<form class="navbar-form navbar-left">
<a class="btn btn-default" ng-click="$ctrl.gotoRandomAddress()" role="button">
<span class="glyphicon glyphicon-random" aria-hidden="true"></span>
create random
</a>
</form>
<form class="navbar-form navbar-left" role="search" ng-submit="$ctrl.gotoMailbox($ctrl.address)">
<input ng-model="$ctrl.address" type='text' class="form-control"/>
<button type="submit" class="btn btn-default">open</button>
</form>
</div>
<form class="navbar-form navbar-left">
<a class="btn btn-default" ng-click="$ctrl.gotoRandomAddress()" role="button">
<span class="glyphicon glyphicon-random" aria-hidden="true"></span>
create random
</a>
</form>
<form class="navbar-form navbar-left" role="search" ng-submit="$ctrl.gotoMailbox($ctrl.address)">
<input ng-model="$ctrl.address" type='text' class="form-control"/>
<button type="submit" class="btn btn-default">open</button>
<form ng-submit="$ctrl.gotoMailbox($ctrl.address)">
<div class="form-inline visible-xs-block">
<div class="form-group col-xs-4">
<span class="octicon-inbox"></span></a>
<a class="btn btn-default" ng-click="$ctrl.gotoRandomAddress()" role="button">
<span class="glyphicon glyphicon-random" aria-hidden="true"></span>
</a>
</div>
<div class="form-group col-xs-6">
<input ng-model="$ctrl.address" type='text' class="form-control"/>
</div>
<div class="form-group col-xs-2">
<button type="submit" class="btn btn-default">open</button>
</div>
</div>
</form>
</div>
</div>