Skip to content

Use consistent tab styling across the app#22798

Draft
nbradbury wants to merge 5 commits intotrunkfrom
issue/consistent-tab-colors
Draft

Use consistent tab styling across the app#22798
nbradbury wants to merge 5 commits intotrunkfrom
issue/consistent-tab-colors

Conversation

@nbradbury
Copy link
Copy Markdown
Contributor

@nbradbury nbradbury commented Apr 17, 2026

Description

Closes CMM-2045

Normalizes tab styling so every tab layout in the app - both XML and Compose - uses the same stying. Prior to this PR we had tab layouts using different label colors, capitalization, indicator colors, and sizing.

Affected screens:

  • Reader → Discover
  • My Site → Personalize
  • Site Monitor
  • Stats block tabs
  • Jetpack Scan History
  • Stats
  • Stats View All
  • Notifications
  • Comments
  • Media Browser
  • Pages
  • Post List
  • Reader Search
  • Reader Subscriptions
  • Debug Settings
  • Image Editor preview

Testing instructions

Checking all of the above screens isn't necessary since the main change was to remove per-screen styling in favor of a shared style. I recommend just choosing a few screens and verifying the tab styling is consistent.

Screenshot_20260418_062353

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@dangermattic
Copy link
Copy Markdown
Collaborator

1 Message
📖 This PR is still a Draft: some checks will be skipped.

Generated by 🚫 Danger

@wpmobilebot
Copy link
Copy Markdown
Contributor

wpmobilebot commented Apr 17, 2026

App Icon📲 You can test the changes from this Pull Request in WordPress Android by scanning the QR code below to install the corresponding build.

App NameWordPress Android
Build TypeDebug
Versionpr22798-c9b0a83
Build Number1488
Application IDorg.wordpress.android.prealpha
Commitc9b0a83
Installation URL01eg6cv6qsdig
Automatticians: You can use our internal self-serve MC tool to give yourself access to those builds if needed.

@wpmobilebot
Copy link
Copy Markdown
Contributor

wpmobilebot commented Apr 17, 2026

App Icon📲 You can test the changes from this Pull Request in Jetpack Android by scanning the QR code below to install the corresponding build.

App NameJetpack Android
Build TypeDebug
Versionpr22798-c9b0a83
Build Number1488
Application IDcom.jetpack.android.prealpha
Commitc9b0a83
Installation URL5ug9gh5oq8c6o
Automatticians: You can use our internal self-serve MC tool to give yourself access to those builds if needed.

@wpmobilebot

This comment was marked as resolved.

nbradbury and others added 4 commits April 18, 2026 06:11
Make WordPress.TabLayout non-uppercase by default and drop explicit
.uppercase() calls on Compose tab labels so every tab renders in the
same mixed-case style.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Set tabMode=auto, tabGravity=fill, tabInlineLabel=true, tabMaxWidth=0dp
on the shared WordPress.TabLayout style so every TabLayout fills the
screen width when tabs fit, scrolls horizontally when they don't, and
keeps labels on a single line. Remove the now-redundant per-layout
overrides.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
These two tab layouts no longer use any app:* attributes after the
tab-styling cleanup in this branch, so the xmlns:app declarations
were unused.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
The branch already removed the last reference to this color in the
main flavor; the Jetpack-flavor overrides in values/ and values-night/
were orphaned, which lint reported as UnusedResources.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants