bachelor/wonders
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reorder header elements in stack so that the back button can be selected when using screen reader.

Browse Source
This commit is contained in:
Shawn 2023-08-23 11:04:27 -06:00
parent a9e4e12ee7
commit ce767b7155
1 changed files with 27 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
lib/ui/common/controls/app_header.dart
View File

@ -32,6 +32,33 @@ class AppHeader extends StatelessWidget {
height: 64 * $styles.scale,
child: Stack(
children: [
MergeSemantics(
child: Semantics(
header: true,
child: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
if (title != null)
Text(
title!.toUpperCase(),
textHeightBehavior: TextHeightBehavior(applyHeightToFirstAscent: false),
style: $styles.text.h4.copyWith(
color: $styles.colors.offWhite,
fontWeight: FontWeight.w500,
),
),
if (subtitle != null)
Text(
subtitle!.toUpperCase(),
textHeightBehavior: TextHeightBehavior(applyHeightToFirstAscent: false),
style: $styles.text.title1.copyWith(color: $styles.colors.accent1),
),
],
),
),
),
),
Positioned.fill(
child: Center(
child: Row(children: [
@ -49,31 +76,6 @@ class AppHeader extends StatelessWidget {
]),
),
),
MergeSemantics(
child: Semantics(
header: true,
child: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
if (title != null)
Text(
title!.toUpperCase(),
textHeightBehavior: TextHeightBehavior(applyHeightToFirstAscent: false),
style:
$styles.text.h4.copyWith(color: $styles.colors.offWhite, fontWeight: FontWeight.w500),
),
if (subtitle != null)
Text(
subtitle!.toUpperCase(),
textHeightBehavior: TextHeightBehavior(applyHeightToFirstAscent: false),
style: $styles.text.title1.copyWith(color: $styles.colors.accent1),
),
],
),
),
),
)
],
),
),