bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-21 18:53:29 +00:00
Code Issues Releases Wiki Activity

add password strength progress bar and warning message

Browse Source
This commit is contained in:
Kyle Spearrin
2018-11-15 14:47:45 -05:00
parent 7b2a35845b
commit fceabbb4bf
6 changed files with 96 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/popup/scss/box.scss
View File

@@ -111,8 +111,8 @@
flex-grow: 1;
}
&.box-content-row-flex, &.box-content-row-checkbox, &.box-content-row-input,
&.box-content-row-slider, &.box-content-row-multi {
&.box-content-row-flex, .box-content-row-flex, &.box-content-row-checkbox,
&.box-content-row-input, &.box-content-row-slider, &.box-content-row-multi {
display: flex;
align-items: center;
word-break: break-all;
@@ -312,7 +312,6 @@
}
}
&.totp {
.totp-code {
font-family: $font-family-monospace;
@@ -373,6 +372,27 @@
}
}
}
.progress {
display: flex;
height: 5px;
overflow: hidden; // force rounded corners by cropping it
font-size: $font-size-small;
margin: 10px -15px -10px;
@include themify($themes) {
background-color: themed('borderColor');
}
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
white-space: nowrap;
background-color: $brand-primary;
}
}
&.condensed .box-content-row, .box-content-row.condensed {

30
src/popup/scss/misc.scss
View File

@@ -4,6 +4,36 @@ small, .small {
font-size: $font-size-small;
}
.bg-primary {
@include themify($themes) {
background-color: themed('primaryColor') !important;
}
}
.bg-success {
@include themify($themes) {
background-color: themed('successColor') !important;
}
}
.bg-danger {
@include themify($themes) {
background-color: themed('dangerColor') !important;
}
}
.bg-info {
@include themify($themes) {
background-color: themed('infoColor') !important;
}
}
.bg-warning {
@include themify($themes) {
background-color: themed('warningColor') !important;
}
}
.text-primary {
@include themify($themes) {
color: themed('primaryColor') !important;