fix: minor homeserver picker UI issues

- missing safe area preventing from choosing homeserver on notch devices
- low-accent black on grey

Signed-off-by: TheOneWithTheBraid <the-one@with-the-braid.cf>
This commit is contained in:
TheOneWithTheBraid 2022-12-24 19:46:36 +01:00
parent bb74754851
commit 68d45f825f
2 changed files with 35 additions and 23 deletions

View File

@ -13,25 +13,31 @@ class HomeserverAppBar extends StatelessWidget {
@override
Widget build(BuildContext context) {
return TextField(
focusNode: controller.homeserverFocusNode,
controller: controller.homeserverController,
onChanged: controller.onChanged,
decoration: InputDecoration(
prefixIcon: Navigator.of(context).canPop()
? IconButton(
onPressed: Navigator.of(context).pop,
icon: const Icon(Icons.arrow_back),
)
: null,
prefixText: '${L10n.of(context)!.homeserver}: ',
hintText: L10n.of(context)!.enterYourHomeserver,
suffixIcon: const Icon(Icons.search),
errorText: controller.error,
return Material(
color: Theme.of(context).appBarTheme.backgroundColor,
child: SafeArea(
bottom: false,
child: TextField(
focusNode: controller.homeserverFocusNode,
controller: controller.homeserverController,
onChanged: controller.onChanged,
decoration: InputDecoration(
prefixIcon: Navigator.of(context).canPop()
? IconButton(
onPressed: Navigator.of(context).pop,
icon: const Icon(Icons.arrow_back),
)
: null,
prefixText: '${L10n.of(context)!.homeserver}: ',
hintText: L10n.of(context)!.enterYourHomeserver,
suffixIcon: const Icon(Icons.search),
errorText: controller.error,
),
readOnly: !AppConfig.allowOtherHomeservers,
onSubmitted: (_) => controller.checkHomeserverAction(),
autocorrect: false,
),
),
readOnly: !AppConfig.allowOtherHomeservers,
onSubmitted: (_) => controller.checkHomeserverAction(),
autocorrect: false,
);
}
}

View File

@ -69,9 +69,11 @@ class HomeserverPickerView extends StatelessWidget {
.map(
(server) => ListTile(
trailing: IconButton(
icon: const Icon(
icon: Icon(
Icons.info_outlined,
color: Colors.black,
color: Theme.of(context)
.colorScheme
.secondary,
),
onPressed: () =>
controller.showServerInfo(server),
@ -80,13 +82,17 @@ class HomeserverPickerView extends StatelessWidget {
server.homeserver.baseUrl.host),
title: Text(
server.homeserver.baseUrl.host,
style: const TextStyle(
color: Colors.black),
style: TextStyle(
color: Theme.of(context)
.colorScheme
.secondary,
),
),
subtitle: Text(
server.homeserver.description ?? '',
style: TextStyle(
color: Colors.grey.shade700),
color: Colors.grey.shade700,
),
),
),
)