[PR #2729] [PM-3664] Modern (like on browser) mobile UI #3774

Closed
opened 2025-11-26 23:37:05 -06:00 by GiteaMirror · 0 comments
Owner

Original Pull Request: https://github.com/bitwarden/android/pull/2729

State: closed
Merged: No


Type of change

  • Bug fix
  • New feature development
  • Tech debt (refactoring, code cleanup, dependency upgrades, etc)
  • Build/deploy pipeline (DevOps)
  • Other

Objective

This PR updates the mobile UI to look more modern. It aims to look similar to the current desktop/web-extension interface.

Code changes

  • App.csproj: Add Xamarin.Forms.PancakeView for rounded rectangles
  • /Styles/.xaml: Add color for the cards, and add styles for the cards
  • Rest: Wrap relevant items in PancakeViews, remove box-row-separators

Screenshots

Before:
image

After:
Screenshot from 2023-08-28 22-05-00
Screenshot from 2023-08-28 22-05-08
Screenshot from 2023-08-28 22-05-26
Screencast from 2023-08-28 22-10-16.webm

Before you submit

  • Please check for formatting errors (dotnet format --verify-no-changes) (required)
  • Please add unit tests where it makes sense to do so (encouraged but not required)
  • If this change requires a documentation update - notify the documentation team
  • If this change has particular deployment requirements - notify the DevOps team
**Original Pull Request:** https://github.com/bitwarden/android/pull/2729 **State:** closed **Merged:** No --- ## Type of change - [ ] Bug fix - [x] New feature development - [ ] Tech debt (refactoring, code cleanup, dependency upgrades, etc) - [ ] Build/deploy pipeline (DevOps) - [ ] Other ## Objective This PR updates the mobile UI to look more modern. It aims to look similar to the current desktop/web-extension interface. ## Code changes - App.csproj: Add Xamarin.Forms.PancakeView for rounded rectangles - */Styles/*.xaml: Add color for the cards, and add styles for the cards - Rest: Wrap relevant items in PancakeViews, remove box-row-separators ## Screenshots Before: ![image](https://github.com/bitwarden/mobile/assets/11866552/16195078-be81-4b94-8994-06c39b0ad345) After: ![Screenshot from 2023-08-28 22-05-00](https://github.com/bitwarden/mobile/assets/11866552/c3c96bc4-cd45-46e9-8b41-149ba3f4b175) ![Screenshot from 2023-08-28 22-05-08](https://github.com/bitwarden/mobile/assets/11866552/376e3e14-66d1-47fd-b249-459ddce0c346) ![Screenshot from 2023-08-28 22-05-26](https://github.com/bitwarden/mobile/assets/11866552/6941f238-b323-4d1c-8657-1802c15a3a08) [Screencast from 2023-08-28 22-10-16.webm](https://github.com/bitwarden/mobile/assets/11866552/897a7c7e-37fd-4473-8133-a980ffb4f4e1) ## Before you submit - Please check for formatting errors (`dotnet format --verify-no-changes`) (required) - Please add **unit tests** where it makes sense to do so (encouraged but not required) - If this change requires a **documentation update** - notify the documentation team - If this change has particular **deployment requirements** - notify the DevOps team
GiteaMirror added the pull-request label 2025-11-26 23:37:05 -06:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/android#3774