Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-12-21 16:18:28 +01:00
Code Issues Projects Releases Wiki Activity

proper center align header title

Browse Source
This commit is contained in:
Kyle Spearrin 2016-09-09 23:08:10 -04:00
parent 32b2eed66c
commit 8716c50f81
4 changed files with 32 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/popup/app/vault/views/vault.html
View File

@ -1,5 +1,7 @@
<div class="header">
<a class="right" ui-sref="addSite({animation: 'in-slide-up'})"><i class="fa fa-plus fa-lg"></i></a>
<div class="right">
<a ui-sref="addSite({animation: 'in-slide-up'})"><i class="fa fa-plus fa-lg"></i></a>
</div>
<div class="title">My Vault</div>
</div>
<div class="content content-tabs">

8
src/popup/app/vault/views/vaultAddSite.html
View File

@ -1,7 +1,11 @@
<form name="theForm" ng-submit="theForm.$valid && save(site)">
<div class="header">
<a ng-click="close()" href class="left">Close</a>
<button type="submit" class="right btn btn-link">Save</button>
<div class="left">
<a ng-click="close()" href>Close</a>
</div>
<div class="right">
<button type="submit" class="btn btn-link">Save</button>
</div>
<div class="title">Add Site</div>
</div>
<div class="content">

8
src/popup/app/vault/views/vaultViewSite.html
View File

@ -1,6 +1,10 @@
<div class="header">
<a ui-sref="tabs.vault({animation: 'out-slide-down'})" class="left">Close</a>
<a href="#" class="right">Edit</a>
<div class="left">
<a ui-sref="tabs.vault({animation: 'out-slide-down'})">Close</a>
</div>
<div class="right">
<a href="#">Edit</a>
</div>
<div class="title">View Site</div>
</div>
<div class="content">

24
src/popup/less/components.less
View File

@ -13,6 +13,7 @@
left: 0;
right: 0;
overflow: hidden;
position: relative;
a, button {
color: white !important;
@ -29,21 +30,30 @@
font-weight: bold;
display: block;
padding: 12px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.left {
float: left;
display: block;
padding: 12px 10px;
position: absolute;
left: 0;
a, button {
padding: 12px 10px;
display: block;
float: left;
}
}
.right {
float: right;
display: block;
padding: 12px 10px;
right: 0;
position: absolute;
a, button {
padding: 12px 10px;
display: block;
float: right;
}
}
}