{
  "$type": "site.standard.document",
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreidvq3nppfjfupkyzwc77zchiedosxedqfxyvv5bmtjuzclsb2it3y"
    },
    "mimeType": "image/webp",
    "size": 39092
  },
  "description": "A look at Liquid Glass changes coming to NetNewsWire on iPad and iPhone.",
  "path": "/2025-08-13-adopting-liquid-glass-part-iii-netnewswire-ios/",
  "publishedAt": "2025-08-13T13:59:28.000Z",
  "site": "at://did:plc:ex23caczr45rodrfcxrwps6h/site.standard.publication/self",
  "tags": [
    "design-diaries",
    "netnewswire",
    "liquid-glass"
  ],
  "textContent": "NetNewsWire has an experimental branch with work-in-progress Liquid Glass changes. These changes cover the Mac, iPad, and iPhone apps. This post covers changes to the iPad and iPhone app.\n\niPad\n\nSidebar\n\nThe Sidebar (Feeds view) has had a significant refresh.\n\nWhat was previously a UITableView is now a UICollectionView. While this gives more flexibility in terms of custom layout, it was a change that was needed in order to adopt modern styling across iPad and iPhone. iPad uses the .sidebar style, and iPhone uses .insetGrouped. This is similar the behaviour you see in Mail.\n\nModern Sidebar (left), Classic Sidebar (right)\n\nFrom top-to-bottom, the following modernising changes have been made:\n\nThe current *refresh *status is now located in the navigation bar as a subtitle, having previously been the footer\n\nToolbar buttons follow Liquid Glass standards\n\nLike the Mac refresh, the Feeds view floats and allows Timeline content to slide underneath\n\nSmart Feeds and Account headers now adopt modern secondary styling\n\nSelected feeds have a modern capsule background and the text is **bold **(note: there is little consistency in Apple's apps—Files makes text bold while Reminders doesn't)\n\nFolders have been entirely redesigned to match modern standards—they now have the same indentation as any other feed, but the enclosed feeds are indented further\n\nFolders will highlight when Feeds are being dragged and dropped into them\n\nSeparators have been removed\n\nUnread counts are larger and are no longer backed by a filled capsule\n\nUnread counts for folders are only displayed when the folder is closed\n\nSwipe actions reveal icons instead of named labels due to space constraints\n\nUsers can resize the sidebar (within reason 😃)\n\nWhen side-by-side, you can see that there are less feeds on screen as the modern cells have larger vertical margins.\n\nTimeline\n\nModern Timeline (left), Classic Timeline (right)\n\nAgain, from top-to-bottom:\n\nNavigation bar images have been removed\n\nUnread counts are now located in the navigation bar subtitle\n\nThe search bar has been moved to the app-wide toolbar and behaves similar to the Mac search\n\nThe Timeline width is user adjustable (again, within reason 😄)\n\nTimeline cells have been redesigned in Interface builder and now have the rounded corner selection style\n\nThe Mark All as Read image (on both iPad and iPhone) has had alignment changes to make sure it sits in the middle of an englassified button\n\nArticles\n\nModern Article (left), Classic Article (right)\n\nThere aren't many changes to the Article view:\n\nArticles can be read in three-pane view without hiding the Sidebar\n\nThe top toolbar inherits search capabilities\n\nThe bottom toolbar buttons have been grouped in a 2-1-2 formation with the *Next Unread *button sitting in the throne seat\n\niPhone\n\nSidebar\n\nSimilar to the iPad, the iPhone *Feeds view *has had a significant lick of paint.\n\nModern Feeds (left), Classic Feeds (right)\n\nAs mentioned above, the overall design adopts an .insetGrouped style. Comparatively:\n\nInline navigation titles are used\n\nThe latest refresh status has moved to the navigation bar subtitle from the bottom toolbar\n\nSmart Feeds and Account headers now adopt modern styling\n\nDisclosure indicators have moved from left to right\n\nSimilar to the iPad updates:\n\nFolders will highlight when Feeds are being dragged and dropped into them\n\nUnread counts are larger and are no longer backed by a filled capsule\n\nUnread counts for folders are only displayed when the folder is closed\n\nSwipe actions reveal icons instead of named labels due to space constraints\n\nTimeline\n\nModern Timeline (left), Classic Timeline (right)\n\nTimeline changes on the iPhone are slightly different to those of the iPad:\n\nThe navigation bar makes use of the subtitle to display either the current unread count or, if the unread count is zero, the latest refresh time\n\nImages and capsule-backed unread counts have been removes from the navigation bar\n\nThe search bar has been moved to the bottom of the screen and is no longer hidden under the navigation bar\n\nCells have modern rounded corner selection style\n\nArticles\n\nModern Article (left); Classic Article (right)\n\nThere are almost no changes to the iPhone's Article view other than adopting modern bar and button styling. Phew!",
  "title": "Adopting Liquid Glass, Part III (NetNewsWire iOS)"
}