Merge pull request #3282 from grummbeer/unify-text-input
Unify left labeled text input
This commit is contained in:
commit
99a5786adc
@ -996,14 +996,11 @@ void _rdpDialog(String id) async {
|
|||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
ConstrainedBox(
|
ConstrainedBox(
|
||||||
constraints: const BoxConstraints(minWidth: 100),
|
constraints: const BoxConstraints(minWidth: 140),
|
||||||
child: Text(
|
child: Text(
|
||||||
"${translate('Port')}:",
|
"${translate('Port')}:",
|
||||||
textAlign: TextAlign.start,
|
textAlign: TextAlign.right,
|
||||||
).marginOnly(bottom: 16.0)),
|
).marginOnly(right: 10)),
|
||||||
const SizedBox(
|
|
||||||
width: 24.0,
|
|
||||||
),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: TextField(
|
child: TextField(
|
||||||
inputFormatters: [
|
inputFormatters: [
|
||||||
@ -1017,21 +1014,15 @@ void _rdpDialog(String id) async {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
).marginOnly(bottom: 8),
|
||||||
const SizedBox(
|
|
||||||
height: 8.0,
|
|
||||||
),
|
|
||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
ConstrainedBox(
|
ConstrainedBox(
|
||||||
constraints: const BoxConstraints(minWidth: 100),
|
constraints: const BoxConstraints(minWidth: 140),
|
||||||
child: Text(
|
child: Text(
|
||||||
"${translate('Username')}:",
|
"${translate('Username')}:",
|
||||||
textAlign: TextAlign.start,
|
textAlign: TextAlign.right,
|
||||||
).marginOnly(bottom: 16.0)),
|
).marginOnly(right: 10)),
|
||||||
const SizedBox(
|
|
||||||
width: 24.0,
|
|
||||||
),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: TextField(
|
child: TextField(
|
||||||
decoration:
|
decoration:
|
||||||
@ -1040,19 +1031,15 @@ void _rdpDialog(String id) async {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
).marginOnly(bottom: 8),
|
||||||
const SizedBox(
|
|
||||||
height: 8.0,
|
|
||||||
),
|
|
||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
ConstrainedBox(
|
ConstrainedBox(
|
||||||
constraints: const BoxConstraints(minWidth: 100),
|
constraints: const BoxConstraints(minWidth: 140),
|
||||||
child: Text("${translate('Password')}:")
|
child: Text(
|
||||||
.marginOnly(bottom: 16.0)),
|
"${translate('Password')}:",
|
||||||
const SizedBox(
|
textAlign: TextAlign.right,
|
||||||
width: 24.0,
|
).marginOnly(right: 10)),
|
||||||
),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Obx(() => TextField(
|
child: Obx(() => TextField(
|
||||||
obscureText: secure.value,
|
obscureText: secure.value,
|
||||||
@ -1067,7 +1054,7 @@ void _rdpDialog(String id) async {
|
|||||||
)),
|
)),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
).marginOnly(bottom: 8),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
@ -1074,7 +1074,7 @@ class _NetworkState extends State<_Network> with AutomaticKeepAliveClientMixin {
|
|||||||
Row(
|
Row(
|
||||||
mainAxisAlignment: MainAxisAlignment.end,
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
children: [_Button('Apply', submit, enabled: enabled)],
|
children: [_Button('Apply', submit, enabled: enabled)],
|
||||||
).marginOnly(top: 15),
|
).marginOnly(top: 10),
|
||||||
],
|
],
|
||||||
)
|
)
|
||||||
]);
|
]);
|
||||||
@ -1697,33 +1697,30 @@ _LabeledTextField(
|
|||||||
bool secure) {
|
bool secure) {
|
||||||
return Row(
|
return Row(
|
||||||
children: [
|
children: [
|
||||||
Spacer(flex: 1),
|
ConstrainedBox(
|
||||||
|
constraints: const BoxConstraints(minWidth: 140),
|
||||||
|
child: Text(
|
||||||
|
'${translate(label)}:',
|
||||||
|
textAlign: TextAlign.right,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16, color: _disabledTextColor(context, enabled)),
|
||||||
|
).marginOnly(right: 10)),
|
||||||
Expanded(
|
Expanded(
|
||||||
flex: 4,
|
|
||||||
child: Text(
|
|
||||||
'${translate(label)}:',
|
|
||||||
textAlign: TextAlign.right,
|
|
||||||
style: TextStyle(color: _disabledTextColor(context, enabled)),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Spacer(flex: 1),
|
|
||||||
Expanded(
|
|
||||||
flex: 10,
|
|
||||||
child: TextField(
|
child: TextField(
|
||||||
controller: controller,
|
controller: controller,
|
||||||
enabled: enabled,
|
enabled: enabled,
|
||||||
obscureText: secure,
|
obscureText: secure,
|
||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
isDense: true,
|
isDense: true,
|
||||||
contentPadding: EdgeInsets.symmetric(vertical: 15),
|
border: OutlineInputBorder(),
|
||||||
|
contentPadding: EdgeInsets.fromLTRB(14, 15, 14, 15),
|
||||||
errorText: errorText.isNotEmpty ? errorText : null),
|
errorText: errorText.isNotEmpty ? errorText : null),
|
||||||
style: TextStyle(
|
style: TextStyle(
|
||||||
color: _disabledTextColor(context, enabled),
|
color: _disabledTextColor(context, enabled),
|
||||||
)),
|
)),
|
||||||
),
|
),
|
||||||
Spacer(flex: 1),
|
|
||||||
],
|
],
|
||||||
);
|
).marginOnly(bottom: 8);
|
||||||
}
|
}
|
||||||
|
|
||||||
// ignore: must_be_immutable
|
// ignore: must_be_immutable
|
||||||
@ -1856,12 +1853,11 @@ void changeSocks5Proxy() async {
|
|||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
ConstrainedBox(
|
ConstrainedBox(
|
||||||
constraints: const BoxConstraints(minWidth: 100),
|
constraints: const BoxConstraints(minWidth: 140),
|
||||||
child: Text('${translate("Hostname")}:')
|
child: Text(
|
||||||
.marginOnly(bottom: 16.0)),
|
'${translate("Hostname")}:',
|
||||||
const SizedBox(
|
textAlign: TextAlign.right,
|
||||||
width: 24.0,
|
).marginOnly(right: 10)),
|
||||||
),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: TextField(
|
child: TextField(
|
||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
@ -1872,19 +1868,15 @@ void changeSocks5Proxy() async {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
).marginOnly(bottom: 8),
|
||||||
const SizedBox(
|
|
||||||
height: 8.0,
|
|
||||||
),
|
|
||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
ConstrainedBox(
|
ConstrainedBox(
|
||||||
constraints: const BoxConstraints(minWidth: 100),
|
constraints: const BoxConstraints(minWidth: 140),
|
||||||
child: Text('${translate("Username")}:')
|
child: Text(
|
||||||
.marginOnly(bottom: 16.0)),
|
'${translate("Username")}:',
|
||||||
const SizedBox(
|
textAlign: TextAlign.right,
|
||||||
width: 24.0,
|
).marginOnly(right: 10)),
|
||||||
),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: TextField(
|
child: TextField(
|
||||||
decoration: const InputDecoration(
|
decoration: const InputDecoration(
|
||||||
@ -1894,19 +1886,15 @@ void changeSocks5Proxy() async {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
).marginOnly(bottom: 8),
|
||||||
const SizedBox(
|
|
||||||
height: 8.0,
|
|
||||||
),
|
|
||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
ConstrainedBox(
|
ConstrainedBox(
|
||||||
constraints: const BoxConstraints(minWidth: 100),
|
constraints: const BoxConstraints(minWidth: 140),
|
||||||
child: Text('${translate("Password")}:')
|
child: Text(
|
||||||
.marginOnly(bottom: 16.0)),
|
'${translate("Password")}:',
|
||||||
const SizedBox(
|
textAlign: TextAlign.right,
|
||||||
width: 24.0,
|
).marginOnly(right: 10)),
|
||||||
),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Obx(() => TextField(
|
child: Obx(() => TextField(
|
||||||
obscureText: obscure.value,
|
obscureText: obscure.value,
|
||||||
@ -1921,10 +1909,7 @@ void changeSocks5Proxy() async {
|
|||||||
)),
|
)),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
).marginOnly(bottom: 8),
|
||||||
const SizedBox(
|
|
||||||
height: 8.0,
|
|
||||||
),
|
|
||||||
Offstage(
|
Offstage(
|
||||||
offstage: !isInProgress, child: const LinearProgressIndicator())
|
offstage: !isInProgress, child: const LinearProgressIndicator())
|
||||||
],
|
],
|
||||||
|
Loading…
x
Reference in New Issue
Block a user