@@ -559,6 +559,9 @@ class StreamMessageRecipientHeader extends StatelessWidget {
559
559
ThemeData .estimateBrightnessForColor (streamColor) == Brightness .dark
560
560
? Colors .white
561
561
: Colors .black;
562
+ final textStyle = TextStyle (
563
+ color: contrastingColor,
564
+ );
562
565
563
566
final Widget streamWidget;
564
567
if (! showStream) {
@@ -571,11 +574,18 @@ class StreamMessageRecipientHeader extends StatelessWidget {
571
574
onTap: () => Navigator .push (context,
572
575
MessageListPage .buildRoute (context: context,
573
576
narrow: StreamNarrow (message.streamId))),
574
- child: RecipientHeaderChevronContainer (
575
- color : streamColor ,
577
+ child: Row (children : [
578
+ const SizedBox (width : 16 ) ,
576
579
// TODO globe/lock icons for web-public and private streams
577
- child: Text (streamName,
578
- style: TextStyle (color: contrastingColor))));
580
+ Text (streamName, style: textStyle),
581
+ Padding (
582
+ // Figma has 5px horizontal padding around an 8px wide icon.
583
+ // Icon is 16px wide here so horizontal padding is 1px.
584
+ padding: const EdgeInsets .symmetric (horizontal: 1 ),
585
+ child: Icon (size: 16 ,
586
+ color: contrastingColor.withOpacity (0.6 ),
587
+ ZulipIcons .chevron_right)),
588
+ ]));
579
589
}
580
590
581
591
return GestureDetector (
@@ -595,7 +605,7 @@ class StreamMessageRecipientHeader extends StatelessWidget {
595
605
// TODO: Give a way to see the whole topic (maybe a
596
606
// long-press interaction?)
597
607
overflow: TextOverflow .ellipsis,
598
- style: const TextStyle (fontWeight : FontWeight .w600) ))),
608
+ style: textStyle ))),
599
609
// TODO topic links?
600
610
// Then web also has edit/resolve/mute buttons. Skip those for mobile.
601
611
RecipientHeaderDate (message: message,
0 commit comments