Enable scrolling in card present modals when it cannot grow in size anymore (#15328)

Author: staskus

RELEASE-NOTES.txt

@@ -5,7 +5,7 @@
 -----
 - [*] Product Form: Fix crash related to picking photos [https://github.com/woocommerce/woocommerce-ios/pull/15275]
 - [internal] Assign `siteID` and `productID` to image product upload statuses. [https://github.com/woocommerce/woocommerce-ios/pull/15196]
-
+- [*] Payments: Improved payment views' adaptability to larger accessibility font sizes [https://github.com/woocommerce/woocommerce-ios/pull/15328].
 
 21.9
 -----

WooCommerce/Classes/ViewModels/CardPresentPayments/CardPresentModalBuiltInSuccessEmailSent.swift

@@ -45,7 +45,7 @@ final class CardPresentModalBuiltInSuccessEmailSent: CardPresentPaymentsModalVie
         let attributedString = NSMutableAttributedString(string: formattedMessage)
         if let emailRange = formattedMessage.range(of: email) {
             let nsRange = NSRange(emailRange, in: formattedMessage)
-            attributedString.addAttributes([.font: UIFont.boldSystemFont(ofSize: UIFont.systemFontSize)], range: nsRange)
+            attributedString.addAttributes([.font: UIFont.preferredFont(forTextStyle: .body).bold], range: nsRange)
         }
         self.bottomAttributedTitle = attributedString
     }

WooCommerce/Classes/ViewModels/CardPresentPayments/CardPresentModalSuccessEmailSent.swift

@@ -45,7 +45,7 @@ final class CardPresentModalSuccessEmailSent: CardPresentPaymentsModalViewModel
         let attributedString = NSMutableAttributedString(string: formattedMessage)
         if let emailRange = formattedMessage.range(of: email) {
             let nsRange = NSRange(emailRange, in: formattedMessage)
-            attributedString.addAttributes([.font: UIFont.boldSystemFont(ofSize: UIFont.systemFontSize)], range: nsRange)
+            attributedString.addAttributes([.font: UIFont.preferredFont(forTextStyle: .body).bold], range: nsRange)
         }
         self.bottomAttributedTitle = attributedString
     }

WooCommerce/Classes/ViewRelated/CardPresentPayments/CardPresentPaymentsModalViewController.swift

@@ -149,10 +149,12 @@ private extension CardPresentPaymentsModalViewController {
 
     func styleTopTitle() {
         topTitleLabel.applyBodyStyle()
+        topTitleLabel.numberOfLines = 0
     }
 
     func styleTopSubtitle() {
         topSubtitleLabel.applyTitleStyle()
+        topSubtitleLabel.numberOfLines = 0
     }
 
     func styleBottomLabels() {
@@ -166,10 +168,12 @@ private extension CardPresentPaymentsModalViewController {
 
     func styleBottomTitle() {
         bottomTitleLabel.applySubheadlineStyle()
+        bottomTitleLabel.numberOfLines = 0
     }
 
     func styleBottomSubtitle() {
         bottomSubtitleLabel.applyFootnoteStyle()
+        bottomSubtitleLabel.numberOfLines = 0
     }
 
     func styleActionButtons() {
@@ -185,22 +189,22 @@ private extension CardPresentPaymentsModalViewController {
     func stylePrimaryButton() {
         primaryButton.applyPrimaryButtonStyle()
         primaryButton.titleLabel?.adjustsFontSizeToFitWidth = true
-        primaryButton.titleLabel?.minimumScaleFactor = 0.5
+        primaryButton.titleLabel?.minimumScaleFactor = 0.3
         primaryButton.titleLabel?.lineBreakMode = .byClipping
     }
 
     func styleSecondaryButton() {
         secondaryButton.applyPaymentsModalCancelButtonStyle()
         secondaryButton.titleLabel?.adjustsFontSizeToFitWidth = true
-        secondaryButton.titleLabel?.minimumScaleFactor = 0.5
+        secondaryButton.titleLabel?.minimumScaleFactor = 0.3
         secondaryButton.titleLabel?.lineBreakMode = .byClipping
     }
 
     func styleAuxiliaryButton() {
         if viewModel.actionsMode != .secondaryActionAndAuxiliaryButton {
             auxiliaryButton.applyLinkButtonStyle()
         }
-        auxiliaryButton.titleLabel?.minimumScaleFactor = 0.5
+        auxiliaryButton.titleLabel?.minimumScaleFactor = 0.3
         auxiliaryButton.titleLabel?.adjustsFontSizeToFitWidth = true
         auxiliaryButton.titleLabel?.lineBreakMode = .byClipping
     }