Skip to content

Conversation

kyvg
Copy link

@kyvg kyvg commented Jul 18, 2025

First time contributor checklist

Contributor checklist

  • My commits are rebased on the latest main branch
  • My commits are in nice logical chunks
  • My contribution is fully baked and is ready to be merged as is
  • I have tested my contribution on these devices:
  • iPhone 16 Pro, iOS 18.5

Description

The pull request fixes #6076 by adding a blurred background to "Loading more messages..." label
image

@MarlowBrown
Copy link
Contributor

Hey @kyvg, have you tested this change in both light and dark mode? Can you post pictures?

@kyvg
Copy link
Author

kyvg commented Jul 19, 2025

Hey @MarlowBrown! Yes, I’ve tested the change in both light and dark mode. Here are the screenshots:

Light mode Simulator Screenshot - iPhone 16 - 2025-07-19 at 08 07 49 Simulator Screenshot - iPhone 16 - 2025-07-19 at 08 05 28
Dark mode Simulator Screenshot - iPhone 16 - 2025-07-19 at 08 06 06

But I'm not sure about the design though. Maybe it would better to use a UIActivityIndicatorView instead of the blurred label? It’s not very high-contrast, but thanks to the animation, it's still visible against the any background.

Activity Indicator
Simulator.Screen.Recording.-.iPhone.16.-.2025-07-19.at.08.36.56.mp4
Simulator Screenshot - iPhone 16 - 2025-07-19 at 08 36 02

@MarlowBrown
Copy link
Contributor

Hello again @kyvg

The blurred label definitely looks better, and it's not too much of a change! If you were to use an Activity Indicator I think that would have a higher chance of needing to pass through the UI engineer on the team.

Also, have you tested changing the text font size through accessibility to make sure that the blur view stretches appropriately?

@kyvg kyvg force-pushed the main branch 2 times, most recently from 65f2430 to 98c13fc Compare July 21, 2025 14:53
@kyvg
Copy link
Author

kyvg commented Jul 21, 2025

Hi @MarlowBrown. The font size is fixed, same for the header view. So it doesn't scale with larger accessibility font sizes.

Screenshots image

I've just noticed that longer labels on smaller screens weren't truncating as before, so I pinned the blurView to the superview’s leading and trailing edges. Now it works correctly

@MarlowBrown
Copy link
Contributor

Sounds good, @kyvg! The only thing left is to ensure that everything looks good on the iPad.

@kyvg
Copy link
Author

kyvg commented Jul 22, 2025

@MarlowBrown, sure, here is screenshots from the iPad

Screenshots I forced to show both bottom and top labels here image image

@MarlowBrown
Copy link
Contributor

This looks good!

Generally, the developers maintain a private repository where they implement modifications, which are then pushed to our current repository. They will incorporate your commit, close your ticket, and subsequently add it to their private repository. The commit will then be included in a release within a couple of weeks.

To process the commit, the developers will require an email address to associate with your commit. If you do not already have a valid email address linked to your commit, the developers will contact you to obtain one.

Typically, @sashaweiss-signal reviews the repository, although I have also seen @max-signal active here. Regardless, I appreciate your efforts in making this change!

Copy link
Contributor

@sashaweiss-signal sashaweiss-signal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for your interest. The adding of a blur view seems fine to me, but the layout here has changed in ways I don't think are correct.

I'd also be interested in what this looks like when UIAccessibility.isReduceTransparencyEnabled is enabled (iOS: Settings → Accessibility → Display & Text Size → Reduce Transparency).

Comment on lines -21 to +29
addSubview(label)
label.autoPinEdgesToSuperviewEdges()
label.autoSetDimension(.height, toSize: LoadMoreMessagesView.fixedHeight)
addSubview(blurView)
blurView.contentView.addSubview(label)

blurView.autoPinEdge(toSuperviewEdge: .leading, withInset: 16, relation: .greaterThanOrEqual)
blurView.autoPinEdge(toSuperviewEdge: .trailing, withInset: 16, relation: .greaterThanOrEqual)

label.autoPinEdgesToSuperviewEdges(with: UIEdgeInsets(top: 8, left: 16, bottom: 8, right: 16))
label.textAlignment = .center
blurView.autoCenterInSuperview()
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Adding a blur seems reasonable, but the layout has changed here. I believe the correct thing would be to lay out the blur view the way that label is laid out today:

  • Pin blur view to superview edges
  • Set height of blur view to `LoadMoreMessagesView.fixedHeight

And then make label a subview and pin it to the superview edges with an inset.

To avoid making the label smaller, due to the inset, I'd suggest increasing fixedHeight by 16, to compensate for the 8pt of inset on the top and bottom.

As it is, the height of this is now indeterminate, which could cause subtle layout issues because other components reference fixedHeight.

@MarlowBrown
Copy link
Contributor

Checking in on this ticket. @kyvg Are you still working on this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

"Loading more messages" not readable on custom chat wallpaper
3 participants