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

Add focus element to event cards

Browse Source
This commit is contained in:
Shawn 2024-02-05 14:30:43 -07:00
parent 4bb389cec2
commit 9f3c38d1b5
1 changed files with 32 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
lib/ui/common/timeline_event_card.dart
View File

@ -10,39 +10,42 @@ class TimelineEventCard extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return MergeSemantics( return Focus(
child: Padding( child: MergeSemantics(
padding: EdgeInsets.only(bottom: $styles.insets.sm), child: Padding(
child: DefaultTextColor( padding: EdgeInsets.only(bottom: $styles.insets.sm),
color: darkMode ? Colors.white : Colors.black, child: DefaultTextColor(
child: Container( color: darkMode ? Colors.white : Colors.black,
color: darkMode ? $styles.colors.greyStrong : $styles.colors.offWhite, child: Container(
padding: EdgeInsets.all($styles.insets.sm), color: darkMode ? $styles.colors.greyStrong : $styles.colors.offWhite,
child: IntrinsicHeight( padding: EdgeInsets.all($styles.insets.sm),
child: Row( child: IntrinsicHeight(
children: [ child: Row(
/// Date children: [
SizedBox( /// Date
width: 75, SizedBox(
child: Column( width: 75,
crossAxisAlignment: CrossAxisAlignment.start, child: Column(
children: [ crossAxisAlignment: CrossAxisAlignment.start,
Text('${year.abs()}', style: $styles.text.h3.copyWith(fontWeight: FontWeight.w400, height: 1)), children: [
Text(StringUtils.getYrSuffix(year), style: $styles.text.bodySmall), Text('${year.abs()}',
], style: $styles.text.h3.copyWith(fontWeight: FontWeight.w400, height: 1)),
Text(StringUtils.getYrSuffix(year), style: $styles.text.bodySmall),
],
),
), ),
),
/// Divider /// Divider
Container(width: 1, color: darkMode ? Colors.white : $styles.colors.black), Container(width: 1, color: darkMode ? Colors.white : $styles.colors.black),
Gap($styles.insets.sm), Gap($styles.insets.sm),
/// Text content /// Text content
Expanded( Expanded(
child: Focus(child: Text(text, style: $styles.text.body)), child: Text(text, style: $styles.text.body),
), ),
], ],
),
), ),
), ),
), ),