Hacked Textfield layout. Needs correct colors for hover/active/disabled etc. Fixes cursor height issue

This commit is contained in:
julian 2023-05-11 18:07:27 -06:00
parent bcb5075fb2
commit fcecb0d6b2

View file

@ -22,6 +22,7 @@ import 'package:stackwallet/widgets/custom_buttons/blue_text_button.dart';
import 'package:stackwallet/widgets/desktop/desktop_scaffold.dart';
import 'package:stackwallet/widgets/desktop/primary_button.dart';
import 'package:stackwallet/widgets/loading_indicator.dart';
import 'package:stackwallet/widgets/rounded_container.dart';
import 'package:stackwallet/widgets/stack_text_field.dart';
class DesktopLoginView extends ConsumerStatefulWidget {
@ -194,19 +195,26 @@ class _DesktopLoginViewState extends ConsumerState<DesktopLoginView> {
const SizedBox(
height: 24,
),
ClipRRect(
RoundedContainer(
padding: EdgeInsets.zero,
height: 74,
color: Theme.of(context)
.extension<StackColors>()!
.textFieldDefaultBG,
child: ClipRRect(
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 16),
child: TextField(
key: const Key("desktopLoginPasswordFieldKey"),
focusNode: passwordFocusNode,
controller: passwordController,
style: STextStyles.desktopTextMedium(context).copyWith(
height: 2,
),
style: STextStyles.desktopTextMedium(context),
obscureText: hidePassword,
enableSuggestions: false,
textAlignVertical: TextAlignVertical.bottom,
autocorrect: false,
autofocus: true,
onSubmitted: (_) {
@ -219,13 +227,33 @@ class _DesktopLoginViewState extends ConsumerState<DesktopLoginView> {
passwordFocusNode,
context,
).copyWith(
isDense: true,
fillColor: Colors.transparent,
focusColor: Colors.transparent,
hoverColor: Colors.transparent,
enabledBorder: OutlineInputBorder(
borderSide: const BorderSide(
color: Colors.transparent, width: 1),
borderRadius: BorderRadius.circular(10),
),
focusedBorder: OutlineInputBorder(
borderSide: const BorderSide(
color: Colors.transparent, width: 1),
borderRadius: BorderRadius.circular(10),
),
contentPadding: const EdgeInsets.only(
top: 0,
left: 16,
right: 16,
bottom: 0,
),
suffixIcon: UnconstrainedBox(
child: SizedBox(
height: 70,
child: Row(
children: [
const SizedBox(
width: 24,
width: 20,
),
GestureDetector(
key: const Key(
@ -244,8 +272,8 @@ class _DesktopLoginViewState extends ConsumerState<DesktopLoginView> {
color: Theme.of(context)
.extension<StackColors>()!
.textDark3,
width: 24,
height: 24,
width: 20,
height: 20,
),
),
),
@ -259,11 +287,14 @@ class _DesktopLoginViewState extends ConsumerState<DesktopLoginView> {
),
onChanged: (newValue) {
setState(() {
_continueEnabled = passwordController.text.isNotEmpty;
_continueEnabled =
passwordController.text.isNotEmpty;
});
},
),
),
),
),
const SizedBox(
height: 24,
),