fixed overlapping of password strength indicator in reset password screen
This commit is contained in:
parent
69546f8cca
commit
bc9751208b
2 changed files with 70 additions and 138 deletions
|
@ -248,7 +248,7 @@ class _EmailEntryPageState extends State<EmailEntryPage> {
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Padding(padding: EdgeInsets.all(4)),
|
const SizedBox(height: 8),
|
||||||
Padding(
|
Padding(
|
||||||
padding: const EdgeInsets.fromLTRB(20, 0, 20, 0),
|
padding: const EdgeInsets.fromLTRB(20, 0, 20, 0),
|
||||||
child: TextFormField(
|
child: TextFormField(
|
||||||
|
|
|
@ -266,9 +266,7 @@ class _PasswordEntryPageState extends State<PasswordEntryPage> {
|
||||||
focusNode: _password1FocusNode,
|
focusNode: _password1FocusNode,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Padding(padding: EdgeInsets.all(4)),
|
const SizedBox(height: 8),
|
||||||
Stack(
|
|
||||||
children: <Widget>[
|
|
||||||
Padding(
|
Padding(
|
||||||
padding: const EdgeInsets.fromLTRB(20, 0, 20, 0),
|
padding: const EdgeInsets.fromLTRB(20, 0, 20, 0),
|
||||||
child: TextFormField(
|
child: TextFormField(
|
||||||
|
@ -276,11 +274,9 @@ class _PasswordEntryPageState extends State<PasswordEntryPage> {
|
||||||
controller: _passwordController2,
|
controller: _passwordController2,
|
||||||
obscureText: !_password2Visible,
|
obscureText: !_password2Visible,
|
||||||
autofillHints: const [AutofillHints.newPassword],
|
autofillHints: const [AutofillHints.newPassword],
|
||||||
onEditingComplete: () =>
|
onEditingComplete: () => TextInput.finishAutofillContext(),
|
||||||
TextInput.finishAutofillContext(),
|
|
||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
fillColor:
|
fillColor: _passwordsMatch ? _validFieldValueColor : null,
|
||||||
_passwordsMatch ? _validFieldValueColor : null,
|
|
||||||
filled: true,
|
filled: true,
|
||||||
hintText: "Confirm password",
|
hintText: "Confirm password",
|
||||||
contentPadding: EdgeInsets.symmetric(
|
contentPadding: EdgeInsets.symmetric(
|
||||||
|
@ -330,57 +326,12 @@ class _PasswordEntryPageState extends State<PasswordEntryPage> {
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Visibility(
|
Opacity(
|
||||||
visible:
|
opacity:
|
||||||
((_passwordInInputBox != '') && _password1InFocus),
|
(_passwordInInputBox != '') && _password1InFocus ? 1 : 0,
|
||||||
child: Positioned(
|
|
||||||
bottom: 24,
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
SizedBox(
|
|
||||||
width: MediaQuery.of(context).size.width,
|
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: const EdgeInsets.symmetric(
|
padding:
|
||||||
horizontal: 20,
|
const EdgeInsets.symmetric(horizontal: 20, vertical: 8),
|
||||||
),
|
|
||||||
child: Container(
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
boxShadow: [
|
|
||||||
BoxShadow(
|
|
||||||
spreadRadius: 0.5,
|
|
||||||
color: Theme.of(context).hintColor,
|
|
||||||
offset: Offset(0, -0.325),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
borderRadius: BorderRadius.only(
|
|
||||||
topLeft: Radius.zero,
|
|
||||||
topRight: Radius.zero,
|
|
||||||
bottomLeft: Radius.circular(5),
|
|
||||||
bottomRight: Radius.circular(5),
|
|
||||||
),
|
|
||||||
color: Theme.of(context)
|
|
||||||
.dialogTheme
|
|
||||||
.backgroundColor,
|
|
||||||
),
|
|
||||||
width: double.infinity,
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment:
|
|
||||||
CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.fromLTRB(
|
|
||||||
4.0,
|
|
||||||
4,
|
|
||||||
4.0,
|
|
||||||
4.0,
|
|
||||||
),
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
Padding(
|
|
||||||
padding: EdgeInsets.symmetric(
|
|
||||||
horizontal: 10,
|
|
||||||
vertical: 5,
|
|
||||||
),
|
|
||||||
child: Text(
|
child: Text(
|
||||||
'Password Strength: $passwordStrengthText',
|
'Password Strength: $passwordStrengthText',
|
||||||
style: TextStyle(
|
style: TextStyle(
|
||||||
|
@ -388,27 +339,8 @@ class _PasswordEntryPageState extends State<PasswordEntryPage> {
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
SizedBox(
|
|
||||||
width: 20,
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
clipBehavior: Clip.none,
|
|
||||||
),
|
|
||||||
SizedBox(
|
|
||||||
height: 50,
|
|
||||||
),
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
GestureDetector(
|
GestureDetector(
|
||||||
behavior: HitTestBehavior.translucent,
|
behavior: HitTestBehavior.translucent,
|
||||||
onTap: () {
|
onTap: () {
|
||||||
|
|
Loading…
Add table
Reference in a new issue