Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-23 11:56:00 +01:00
Code Issues Projects Releases Wiki Activity

callout

Browse Source
This commit is contained in:
Kyle Spearrin 2018-06-25 16:04:19 -04:00
parent 9b67f6e398
commit fd8128dfe9
8 changed files with 72 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/settings/change-email.component.html
View File

@ -15,8 +15,8 @@
<ng-container *ngIf="tokenSent">
<hr>
<p>{{'changeEmailDesc' | i18n : newEmail}}</p>
<div class="alert alert-warning" role="alert">
<h4 class="alert-heading">{{'warning' | i18n}}</h4>
<div class="callout callout-warning" role="alert">
<h3 class="callout-heading">{{'warning' | i18n}}</h3>
<p class="mb-0">{{'loggedOutWarning' | i18n}}</p>
</div>
<div class="row">

4
src/app/settings/change-password.component.html
View File

@ -1,5 +1,5 @@
<div class="alert alert-warning" role="alert">
<h4 class="alert-heading">{{'warning' | i18n}}</h4>
<div class="callout callout-warning" role="alert">
<h3 class="callout-heading">{{'warning' | i18n}}</h3>
<p class="mb-0">{{'loggedOutWarning' | i18n}}</p>
</div>
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>

4
src/app/settings/deauthorize-sessions.component.html
View File

@ -9,8 +9,8 @@
</div>
<div class="modal-body">
<p>{{'deauthorizeSessionsDesc' | i18n}}</p>
<div class="alert alert-warning" role="alert">
<h4 class="alert-heading">{{'warning' | i18n}}</h4>
<div class="callout callout-warning" role="alert">
<h3 class="callout-heading">{{'warning' | i18n}}</h3>
<p class="mb-0">{{'deauthorizeSessionsWarning' | i18n}}</p>
</div>
<label for="masterPassword">{{'masterPass' | i18n}}</label>

4
src/app/settings/delete-account.component.html
View File

@ -9,8 +9,8 @@
</div>
<div class="modal-body">
<p>{{'deleteAccountDesc' | i18n}}</p>
<div class="alert alert-warning" role="alert">
<h4 class="alert-heading">{{'warning' | i18n}}</h4>
<div class="callout callout-warning" role="alert">
<h3 class="callout-heading">{{'warning' | i18n}}</h3>
<p class="mb-0">{{'deleteAccountWarning' | i18n}}</p>
</div>
<label for="masterPassword">{{'masterPass' | i18n}}</label>

4
src/app/settings/purge-vault.component.html
View File

@ -9,8 +9,8 @@
</div>
<div class="modal-body">
<p>{{'purgeVaultDesc' | i18n}}</p>
<div class="alert alert-warning" role="alert">
<h4 class="alert-heading">{{'warning' | i18n}}</h4>
<div class="callout callout-warning" role="alert">
<h3 class="callout-heading">{{'warning' | i18n}}</h3>
<p class="mb-0">{{'purgeVaultWarning' | i18n}}</p>
</div>
<label for="masterPassword">{{'masterPass' | i18n}}</label>

4
src/app/tools/export.component.html
View File

@ -3,8 +3,8 @@
<h1>{{'exportVault' | i18n}}</h1>
</div>
<p>{{'exportMasterPassword' | i18n}}</p>
<div class="alert alert-warning" role="alert">
<h4 class="alert-heading">{{'warning' | i18n}}</h4>
<div class="callout callout-warning" role="alert">
<h3 class="callout-heading">{{'warning' | i18n}}</h3>
<p class="mb-0">{{'exportWarning' | i18n}}</p>
</div>
<div class="row">

4
src/app/tools/import.component.html
View File

@ -14,8 +14,8 @@
</div>
</div>
</div>
<div class="alert alert-info" role="alert" *ngIf="format">
<h4 class="alert-heading">{{'instructionsFor' | i18n : getFormatName()}}</h4>
<div class="callout callout-info" role="alert" *ngIf="format">
<h3 class="callout-heading">{{'instructionsFor' | i18n : getFormatName()}}</h3>
<p class="mb-0">
<ng-container *ngIf="format === 'bitwardencsv'">
See detailed instructions on our help site at

58
src/scss/styles.scss
View File

@ -433,3 +433,61 @@ app-avatar {
}
}
}
.callout {
padding: $alert-padding-y $alert-padding-x;
margin-bottom: $alert-margin-bottom;
border: 1px solid $card-border-color;
border-left-width: 5px;
border-radius: $card-inner-border-radius;
background-color: $card-bg;
.callout-heading {
margin-top: 0;
}
h3.callout-heading {
font-weight: bold;
text-transform: uppercase;
}
&.callout-primary {
border-left-color: $primary;
.callout-heading {
color: $primary;
}
}
&.callout-info {
border-left-color: $gray-800;
.callout-heading {
color: $gray-800;
}
}
&.callout-danger {
border-left-color: $danger;
.callout-heading {
color: $danger;
}
}
&.callout-success {
border-left-color: $success;
.callout-heading {
color: $success;
}
}
&.callout-warning {
border-left-color: $warning;
.callout-heading {
color: $warning;
}
}
}