Add revealable password input to display or prompt the password
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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();
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user