bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 16:23:44 +00:00
Code Issues Releases Wiki Activity

larger modals. sm breakpoints on login add/edit

Browse Source
This commit is contained in:
Kyle Spearrin
2017-09-21 23:19:06 -04:00
parent e952073c3c
commit a0e5591f8e
3 changed files with 23 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/vault/views/vaultAddLogin.html
View File

@@ -11,13 +11,13 @@
</ul>
</div>
<div class="row">
<div class="col-md-6">
<div class="col-sm-6">
<div class="form-group" show-errors>
<label for="name">Name</label> <span>*</span>
<input type="text" id="name" name="Name" ng-model="login.name" class="form-control" required api-field />
</div>
</div>
<div class="col-md-6" ng-if="!hideFolders">
<div class="col-sm-6" ng-if="!hideFolders">
<div class="form-group" show-errors>
<label for="folder">Folder</label>
<select id="folder" name="FolderId" ng-model="login.folderId" class="form-control" api-field>
@@ -40,7 +40,7 @@
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="col-sm-6">
<div class="form-group" show-errors>
<label for="username">Username</label>
<div class="input-group">
@@ -55,7 +55,7 @@
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-sm-6">
<div class="form-group" show-errors style="margin-bottom: 5px;">
<div class="pull-right password-options">
<i class="fa fa-lg fa-refresh" uib-tooltip="Generate Password" tooltip-placement="left" ng-click="generatePassword()"></i>
@@ -80,14 +80,14 @@
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="col-sm-6">
<div class="form-group" show-errors>
<label for="totp">Authenticator Key (TOTP)</label>
<input type="text" id="totp" name="Totp" ng-model="login.totp" class="form-control"
ng-readonly="readOnly" api-field />
</div>
</div>
<div class="col-md-6 totp-col">
<div class="col-sm-6 totp-col">
<div totp="login.totp" id="verification-code" ng-if="useTotp"></div>
<div ng-if="!useTotp">
<a href="#" stop-click ng-click="showUpgrade()"><img src="images/totp-countdown.png" alt="" /></a>
@@ -143,7 +143,7 @@
</div>
</div>
</div>
<div class="col-md-1">
<div class="col-sm-1">
<br class="hidden-xs" />
<a href="#" ng-click="removeField(field)" stop-click>
<i class="fa fa-window-close-o fa-lg"></i>

14
src/app/vault/views/vaultEditLogin.html
View File

@@ -13,14 +13,14 @@
</ul>
</div>
<div class="row">
<div class="col-md-6">
<div class="col-sm-6">
<div class="form-group" show-errors>
<label for="name">Name</label> <span>*</span>
<input type="text" id="name" name="Name" ng-model="login.name" class="form-control"
ng-readonly="readOnly" required api-field />
</div>
</div>
<div class="col-md-6" ng-if="!hideFolders">
<div class="col-sm-6" ng-if="!hideFolders">
<div class="form-group" show-errors>
<label for="folder">Folder</label>
<select id="folder" name="FolderId" ng-model="login.folderId" class="form-control" api-field>
@@ -50,7 +50,7 @@
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="col-sm-6">
<div class="form-group" show-errors>
<label for="username">Username</label>
<div class="input-group">
@@ -66,7 +66,7 @@
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-sm-6">
<div class="form-group" show-errors style="margin-bottom: 5px;">
<div class="pull-right password-options">
<i class="fa fa-lg fa-refresh" uib-tooltip="Generate Password" tooltip-placement="left"
@@ -92,14 +92,14 @@
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="col-sm-6">
<div class="form-group" show-errors>
<label for="totp">Authenticator Key (TOTP)</label>
<input type="text" id="totp" name="Totp" ng-model="login.totp" class="form-control"
ng-readonly="readOnly" api-field />
</div>
</div>
<div class="col-md-6 totp-col">
<div class="col-sm-6 totp-col">
<div totp="login.totp" id="verification-code" ng-if="useTotp"></div>
<div ng-if="!useTotp">
<a href="#" stop-click ng-click="showUpgrade()"><img src="images/totp-countdown.png" alt="" /></a>
@@ -159,7 +159,7 @@
</div>
</div>
</div>
<div class="col-md-1">
<div class="col-sm-1">
<br class="hidden-xs" />
<a href="#" ng-click="removeField(field)" stop-click ng-if="!readOnly">
<i class="fa fa-window-close-o fa-lg"></i>

10
src/less/vault.less
View File

@@ -386,10 +386,18 @@ form .btn .loading-icon {
font-size: @font-size-large;
}
}
/* Modals */
.modal-footer {
text-align: left;
}
@media (min-width: @screen-sm-min) {
.modal-dialog {
width: 700px;
}
}
/* Tables */
.table-selectable {
td:not(.actions) {
@@ -759,7 +767,7 @@ h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
}
@media (min-width: @screen-md) {
@media (min-width: @screen-sm) {
.progress {
margin-bottom: 0;
}