WIP - Adapt UI to iOS 26

[mvasilak]

• Makes edit items toolbar flexible space not hide shared background.
  from:

to:

• Implements iOS 26: update Collection component #1171
• Ignores appearance in iOS 26 where needed
• Customizes bar buttons for iOS 26
• Adapts annotation toolbar button for iOS 26
• Makes view controllers presented as page sheets or inside ContainerViewController to popovers for iOS 26
• Fixes layout for popovers in iOS 26
• Changes Libraries, Collections, Items UI for iOS 26
• Removes Item contextual action titles for iOS 26
• Fixes split view controller issues for iOS 26
• Fixes focus issues for iOS 26
• Makes UI split layout adaptive wheren needed for iOS 26

[yexingsha]

I have looked through the latest testflight version and made some mocks for iOS 26 and iPadOS 26 in Figma. Here is a list of common changes to make; I will create issues for components and screens that need more involved design updates.

• All custom list rows need to be updated to match the iOS 26 design. This includes libraries, collections, items, item details, tags, Add/Edit Creator, and Edit Annotation:
  • Increase the height to 52px for single line, and 68px for double line.
  • Separators are now 1px thick, and no longer extends to the right edge of the screen/section.
  • List sections now use either a full width style without background grouping (see Contacts), or a inset style with background grouping and 26px rounded corner.
  • Swiping on list rows now reveal round action buttons. Our text labels are too long so should not be displayed.
  • Selected rows should use Gray5 as background color.
• iOS 26 uses xmark and checkmark symbols in place of the old Cancel/Close and Done/Save buttons. This affects all Create, Add, Edit, and Select screens.
• All symbols in the liquid glass buttons should use their default color instead of the blue accent color.
• On iOS (but not iPadOS), search bars are at the bottom of the screen. When it's focused, it move up and expands as the keyboard opens, and a close button appears next to it. This affects Collections, Items, Filters, Tag Selector, Annotations, and Reader Search.
• On iPadOS, some popovers/sheets now have incorrect padding, including Settings, Filters, and Reader Settings.

[mvasilak]

@yexingsha a couple of questions (more will follow):

• Some collection lists, e.g. Collection items, use the default system size for a plain collection list. Should we resize those as well to a fixed height of 52?
• Using the default color for buttons with a liquid glass UI, would still tint those with a prominent style (e.g. Done buttons), using the default color. Are we certain we don't want our zotero blue for those. Check this example of the single citation popup with zotero blue and default tint color.

[yexingsha]

Some collection lists, e.g. Collection items, use the default system size for a plain collection list. Should we resize those as well to a fixed height of 52?

I'm not sure which Collection items you are referring to; do you mean the ones in the Collections screen, or the ones in the Choose Parent screen, or something else?

And yes, we should use our zotero blue for all buttons with a prominent style.