Skip to content

Conversation

@Komyyy
Copy link
Contributor

@Komyyy Komyyy commented Jun 24, 2025

Our initial implementation of #1158, in #1500, uses the word "TOPICS" for the app-bar action/button leading to the topic-list page, following the design in Figma.

We want to change it to use a "list" icon instead. This is in order to let it occupy less space, especially in languages where the translation of "TOPICS" might be long.

light dark
Simulator Screenshot - iPhone 16 Pro - 2025-06-25 at 17 01 07 Simulator Screenshot - iPhone 16 Pro - 2025-06-25 at 17 01 53
Simulator Screenshot - iPhone 16 Pro - 2025-06-25 at 17 01 30 Simulator Screenshot - iPhone 16 Pro - 2025-06-25 at 17 01 45

resolves #1532

@Komyyy Komyyy force-pushed the topics_icon branch 2 times, most recently from 222ad22 to 75c1a2e Compare June 24, 2025 10:41
@chrisbobbe
Copy link
Collaborator

Thanks! Could you post screenshots (light and dark mode) please? thanks!

@Komyyy
Copy link
Contributor Author

Komyyy commented Jun 25, 2025

Thanks! Could you post screenshots (light and dark mode) please? thanks!

@chrisbobbe I uploaded screenshots on the PR message.

Copy link
Collaborator

@chrisbobbe chrisbobbe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks! Just small comments below.

I see you've also updated the non-English files in assets/l10n 🙂 which is helpful, I think, but not necessary. I guess since it's just turning ALL CAPS into Initial caps, it's possible to do accurately even for unfamiliar languages 🙂.

@chrisbobbe
Copy link
Collaborator

cc @alya to look at the screenshots

@alya
Copy link
Collaborator

alya commented Jun 26, 2025

Looks good to me!

Komyyy added a commit to Komyyy/zulip-flutter that referenced this pull request Jun 27, 2025
@Komyyy Komyyy changed the title message_list_page: Use icon for topic-list button in app bar msglist: Use icon for topic-list button in app bar Jun 27, 2025
@chrisbobbe chrisbobbe added the integration review Added by maintainers when PR may be ready for integration label Jul 7, 2025
@chrisbobbe chrisbobbe requested a review from gnprice July 7, 2025 17:35
@chrisbobbe
Copy link
Collaborator

Thanks, LGTM! Marking for Greg's review.

Copy link
Member

@gnprice gnprice left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @Komyyy for taking care of this, and @chrisbobbe for the previous review! Just small comments below.

// https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-caps#all-small-caps
fontFeatures: const [FontFeature.enable('c2sc'), FontFeature.enable('smcp')],
).merge(weightVariableTextStyle(context, wght: 600))))));
return IconButton(
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

msglist: Use icon for topic-list button in app bar

Fixes #1625.

Should say #1532, right? (#1625 is this PR, not an issue.)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sorry, I amended the message.

"topicsButtonLabel": "WĄTKI",
"@topicsButtonLabel": {
"description": "Label for message list button leading to topic-list page. (Use ALL CAPS for cased alphabets: Latin, Greek, Cyrillic, etc.)"
"topicsButtonTooltip": "Watki",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this accurate? It looks like the second letter should be "ą", rather than plain "a".

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Comment on lines +363 to +467
return IconButton(
icon: const Icon(ZulipIcons.topics),
tooltip: zulipLocalizations.topicsButtonTooltip,
onPressed: () => Navigator.push(context,
TopicListPage.buildRoute(context: context,
streamId: streamId)));
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice that the code gets so much simpler!

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think so too!

@gnprice gnprice merged commit 04af371 into zulip:main Jul 8, 2025
1 check passed
@gnprice
Copy link
Member

gnprice commented Jul 8, 2025

Thanks! Looks good; merged.

@Komyyy Komyyy deleted the topics_icon branch July 9, 2025 00:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

integration review Added by maintainers when PR may be ready for integration

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Use icon for topic-list button in app bar

4 participants