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

Closed
opened 2026-05-01 15:43:56 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/bitwarden/android/pull/2729
Author: @quexten
Created: 8/28/2023
Status: Closed

Base: masterHead: feature/refreshed-mobile-ui


📝 Commits (2)

  • 8eb7437 Implement refreshed mobile UI
  • 2ba201e Fix margins, paddings & selection

📊 Changes

17 files changed (+1656 additions, -1570 deletions)

View changed files

📝 src/App/App.csproj (+1 -0)
📝 src/App/Controls/AuthenticatorViewCell/AuthenticatorViewCell.xaml (+103 -101)
📝 src/App/Controls/CipherViewCell/CipherViewCell.xaml (+108 -104)
📝 src/App/Lists/ItemLayouts/CustomFields/BooleanCustomFieldItemLayout.xaml (+57 -55)
📝 src/App/Lists/ItemLayouts/CustomFields/HiddenCustomFieldItemLayout.xaml (+87 -85)
📝 src/App/Lists/ItemLayouts/CustomFields/LinkedCustomFieldItemLayout.xaml (+49 -47)
📝 src/App/Lists/ItemLayouts/CustomFields/TextCustomFieldItemLayout.xaml (+59 -57)
📝 src/App/Pages/Vault/CipherAddEditPage.xaml (+562 -503)
📝 src/App/Pages/Vault/CipherDetailsPage.xaml (+572 -583)
📝 src/App/Pages/Vault/CipherSelectionPage.xaml (+7 -4)
📝 src/App/Pages/Vault/GroupingsPage/GroupingsPage.xaml (+33 -30)
📝 src/App/Styles/Base.xaml (+12 -0)
📝 src/App/Styles/Black.xaml (+1 -0)
📝 src/App/Styles/Dark.xaml (+1 -0)
📝 src/App/Styles/Light.xaml (+2 -1)
📝 src/App/Styles/Nord.xaml (+1 -0)
📝 src/App/Styles/SolarizedDark.xaml (+1 -0)

📄 Description

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

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/bitwarden/android/pull/2729 **Author:** [@quexten](https://github.com/quexten) **Created:** 8/28/2023 **Status:** ❌ Closed **Base:** `master` ← **Head:** `feature/refreshed-mobile-ui` --- ### 📝 Commits (2) - [`8eb7437`](https://github.com/bitwarden/android/commit/8eb743721ceebde623632dd3385adea903050655) Implement refreshed mobile UI - [`2ba201e`](https://github.com/bitwarden/android/commit/2ba201e5067fc0334e6296f100c8ae58c812ebb9) Fix margins, paddings & selection ### 📊 Changes **17 files changed** (+1656 additions, -1570 deletions) <details> <summary>View changed files</summary> 📝 `src/App/App.csproj` (+1 -0) 📝 `src/App/Controls/AuthenticatorViewCell/AuthenticatorViewCell.xaml` (+103 -101) 📝 `src/App/Controls/CipherViewCell/CipherViewCell.xaml` (+108 -104) 📝 `src/App/Lists/ItemLayouts/CustomFields/BooleanCustomFieldItemLayout.xaml` (+57 -55) 📝 `src/App/Lists/ItemLayouts/CustomFields/HiddenCustomFieldItemLayout.xaml` (+87 -85) 📝 `src/App/Lists/ItemLayouts/CustomFields/LinkedCustomFieldItemLayout.xaml` (+49 -47) 📝 `src/App/Lists/ItemLayouts/CustomFields/TextCustomFieldItemLayout.xaml` (+59 -57) 📝 `src/App/Pages/Vault/CipherAddEditPage.xaml` (+562 -503) 📝 `src/App/Pages/Vault/CipherDetailsPage.xaml` (+572 -583) 📝 `src/App/Pages/Vault/CipherSelectionPage.xaml` (+7 -4) 📝 `src/App/Pages/Vault/GroupingsPage/GroupingsPage.xaml` (+33 -30) 📝 `src/App/Styles/Base.xaml` (+12 -0) 📝 `src/App/Styles/Black.xaml` (+1 -0) 📝 `src/App/Styles/Dark.xaml` (+1 -0) 📝 `src/App/Styles/Light.xaml` (+2 -1) 📝 `src/App/Styles/Nord.xaml` (+1 -0) 📝 `src/App/Styles/SolarizedDark.xaml` (+1 -0) </details> ### 📄 Description ## 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 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-05-01 15:43:56 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/android#51990