Skip to content

Commit a56577a

Browse files
committed
msglist: Update chevron design in StreamMessageRecipientHeader
Switch from colored background with chevron shaped border to inline chevron icon.
1 parent 37e478d commit a56577a

File tree

1 file changed

+15
-5
lines changed

1 file changed

+15
-5
lines changed

lib/widgets/message_list.dart

+15-5
Original file line numberDiff line numberDiff line change
@@ -559,6 +559,9 @@ class StreamMessageRecipientHeader extends StatelessWidget {
559559
ThemeData.estimateBrightnessForColor(streamColor) == Brightness.dark
560560
? Colors.white
561561
: Colors.black;
562+
final textStyle = TextStyle(
563+
color: contrastingColor,
564+
);
562565

563566
final Widget streamWidget;
564567
if (!showStream) {
@@ -571,11 +574,18 @@ class StreamMessageRecipientHeader extends StatelessWidget {
571574
onTap: () => Navigator.push(context,
572575
MessageListPage.buildRoute(context: context,
573576
narrow: StreamNarrow(message.streamId))),
574-
child: RecipientHeaderChevronContainer(
575-
color: streamColor,
577+
child: Row(children: [
578+
const SizedBox(width: 16),
576579
// 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+
]));
579589
}
580590

581591
return GestureDetector(
@@ -595,7 +605,7 @@ class StreamMessageRecipientHeader extends StatelessWidget {
595605
// TODO: Give a way to see the whole topic (maybe a
596606
// long-press interaction?)
597607
overflow: TextOverflow.ellipsis,
598-
style: const TextStyle(fontWeight: FontWeight.w600)))),
608+
style: textStyle))),
599609
// TODO topic links?
600610
// Then web also has edit/resolve/mute buttons. Skip those for mobile.
601611
RecipientHeaderDate(message: message,

0 commit comments

Comments
 (0)