Add revealable password input to display or prompt the password

This commit is contained in:
yflory
2018-05-04 15:42:29 +02:00
parent 447230d42e
commit 2b8e734cae
8 changed files with 93 additions and 23 deletions

View File

@@ -177,16 +177,15 @@
.cp-creation-password {
.cp-creation-password-picker {
text-align: center;
input {
width: 150px;
}
}
&.active {
label {
flex: unset;
}
.cp-creation-slider {
flex: 1;
width: 100%;
.cp-password-container {
input {
width: 150px;
padding: 0 5px;
}
label {
flex: unset;
}
}
}
}
@@ -335,7 +334,7 @@
width: 95%;
margin: 10px auto;
}
.cp-creation-expire, .cp-creation-password {
.cp-creation-expire{
&.active {
label {
flex: 1;

View File

@@ -6,6 +6,7 @@
@import (once) './creation.less';
@import (once) './tippy.less';
@import (once) "./checkmark.less";
@import (once) "./password-input.less";
.framework_main(@bg-color, @warn-color, @color) {
.toolbar_main(
@@ -18,6 +19,7 @@
.tokenfield_main();
.tippy_main();
.checkmark_main(20px);
.password_main();
.creation_main(
@bg-color: @bg-color,
@warn-color: @warn-color,
@@ -39,6 +41,7 @@
.alertify_main();
.tippy_main();
.checkmark_main(20px);
.password_main();
}