Skip to content

Conversation

@yura-kim
Copy link
Contributor

@yura-kim yura-kim commented Jun 28, 2023

Various UI tweaks and bug fixes from IAB testing.

Changes

  • iOS 13.0+ uses SF symbols instead of images so they are no longer blurry. We can remove the image fallback after verifying our minimum supported iOS version is 13.0.
  • The page header toolbar background color is controlled by toolbarcolor. It defaults to system default (depends if the device is in dark mode or not).
  • New option toolbartextcolor controls text color in toolbar. Currently that's only the page title text and icon.
  • Border on toolbar is now automatically set to a slightly darker shade of the toolbar color.

Screenshots

iOS default colors for toolbar, text, and buttons
Simulator Screen Shot - iPhone 12 Pro Max - 15 0 - 2023-06-28 at 13 10 48

iOS default colors in for toolbar, te
Simulator Screen Shot - iPhone 12 Pro Max - 15 0 - 2023-06-28 at 13 10 50
xt, and buttons dark mode

Android default colors
Screenshot_20230628_165524

@yura-kim yura-kim requested a review from katie-propel June 28, 2023 21:00
@yura-kim yura-kim marked this pull request as ready for review June 28, 2023 21:00
@yura-kim yura-kim requested review from jeffro94 and paetling June 28, 2023 21:01
footerBorderBackground.setStroke(1, android.graphics.Color.parseColor("#E9E6E1"));
int footerBorderBackgroundColor = getShowPageTitleHeader() ? toolbarColor : _footerColor;
footerBorderBackground.setColor(footerBorderBackgroundColor);
footerBorderBackground.setStroke(1, manipulateColor(footerBorderBackgroundColor, 0.8f));
Copy link

Choose a reason for hiding this comment

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

what is the point of doing the math and rounding found in manipulateColor vs setting to footerBorderBackgroundColor here?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

We need footerBorderBackgroundColor for the footer background and the color from manipulate is used for the border color. I made a separate helper function so it doesn't get cluttered here and so we can use it for the header border color.

blue:MAX(b - 0.2, 0.0)
alpha:a];
return nil;
}
Copy link

Choose a reason for hiding this comment

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

is this doing the same thing as manipulate function in android?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Similar. This one is returning a darker shade and manipulate returns a darker or lighter shade depending on factor. Maybe I should make them do the same thing so it's more consistent 🤔

Copy link

Choose a reason for hiding this comment

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

I think it would be useful to be as consistent as possible between the two.

I would advocate for removing manipulate if we can get away with just adding the darker shade. If we cannot just darken, manipulate is probably fine

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I changed manipulateColor to darkerColorForColor for Android.

Copy link

@paetling paetling left a comment

Choose a reason for hiding this comment

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

I had a few questions to flesh out my understanding, but generally looks good.

👻 🐮

@yura-kim yura-kim merged commit 4ddb358 into master Jul 5, 2023
katie-propel pushed a commit that referenced this pull request Mar 31, 2025
* Updated iOS lock icon to use SF symbol

* Updated iOS nav button icons to use SF symbols

* Updated iOS navBar header background color to be customizable

* Updated iOS page title header text color to be customizable

* Updated iOS toolbar border color

* Updated android with toolbartextcolor and automatic tooldbar border color

* Updated README and default android toolbartextcolor

* Updated android color helper function
katie-propel added a commit that referenced this pull request Mar 31, 2025
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.

3 participants