From bcc03437e045d46d21e68d059e6abf9b694a1a93 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Thu, 24 Aug 2023 13:50:05 -0400 Subject: [PATCH] feat(item-option): support dynamic type (#28050) Adds support for dynamic type by converting `font-size` to use `rem` units and adds a min and max `font-size` for `ios`. --- .../item-option/item-option.ios.vars.scss | 2 +- .../item-option/item-option.md.vars.scss | 2 +- .../components/item-options/item-options.scss | 2 +- .../test/a11y/item-sliding.e2e.ts | 37 ++++++++++++++++++ ...ding-scale-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2773 bytes ...ing-scale-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 4103 bytes ...ding-scale-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 2536 bytes ...iding-scale-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2343 bytes ...ding-scale-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 3522 bytes ...iding-scale-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 2171 bytes 10 files changed, 40 insertions(+), 3 deletions(-) create mode 100644 core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts create mode 100644 core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-ios-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-ios-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-ios-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-md-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-md-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-md-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/item-option/item-option.ios.vars.scss b/core/src/components/item-option/item-option.ios.vars.scss index 41ef80c0ad..7dbdd4d54c 100644 --- a/core/src/components/item-option/item-option.ios.vars.scss +++ b/core/src/components/item-option/item-option.ios.vars.scss @@ -4,7 +4,7 @@ // -------------------------------------------------- /// @prop - Font size of the item option button -$item-option-button-ios-font-size: 16px !default; +$item-option-button-ios-font-size: dynamic-font-clamp(1, 16px, 2.2) !default; /// @prop - Background color of the item option button $item-option-button-ios-background-color: ion-color(primary, base) !default; diff --git a/core/src/components/item-option/item-option.md.vars.scss b/core/src/components/item-option/item-option.md.vars.scss index 5e866e3eec..611f73ccc5 100644 --- a/core/src/components/item-option/item-option.md.vars.scss +++ b/core/src/components/item-option/item-option.md.vars.scss @@ -4,7 +4,7 @@ // -------------------------------------------------- /// @prop - Font size of the sliding option button -$item-option-button-md-font-size: 14px !default; +$item-option-button-md-font-size: dynamic-font(14px) !default; /// @prop - Background color of the sliding option button $item-option-button-md-background-color: ion-color(primary, base) !default; diff --git a/core/src/components/item-options/item-options.scss b/core/src/components/item-options/item-options.scss index c35b53fddb..499ad38363 100644 --- a/core/src/components/item-options/item-options.scss +++ b/core/src/components/item-options/item-options.scss @@ -33,7 +33,7 @@ ion-item-options { height: 100%; - font-size: 14px; + font-size: dynamic-font(14px); user-select: none; z-index: $z-index-item-options; diff --git a/core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts b/core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts new file mode 100644 index 0000000000..582a7fed47 --- /dev/null +++ b/core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts @@ -0,0 +1,37 @@ +import { configs, test } from '@utils/test/playwright'; + +import { testSlidingItem } from '../test.utils'; + +/** + * This behavior does not vary across directions + */ +configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('item-sliding: font scaling'), () => { + test('should scale text on larger font sizes', async ({ page }) => { + await page.setContent( + ` + + + + + Item Sliding + + + + + Delete + + + + `, + config + ); + + await testSlidingItem(page, 'fontScaling', 'scale', screenshot); + }); + }); +}); diff --git a/core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..579845f68e00d9dace29793c168a60d7c4d1e99b GIT binary patch literal 2773 zcmV;`3M%!9P)PxZ z+p|jQbTs5TLP>%UJCh`Mt7gD4b`+S` zZMw``WvCw=L)+FJKt#15K=OG1)7@8g^G&duABnb_|a$)MR4kRA~{A$f)JbH0t54T008p4|3>t~ zBc?Kr+s43MIRz}>0~Z)@z2^v*gwo$W2LRBTLTFsR#^QiJ`zT2eVj-b_Ib4;uLvTqc zt}=bV8h~fUH1P3b%_aH-^#f6aZ{b`Z#S0WPB?4u~UTBx=vWhLRdO5^?<>?D>4z0Nb zyeWj(r*()_*C2Yl7SOb;>d7g_AoP#NEIF-<<8y?P1R)mkR?UQa_N=rK)=86Z1sDS~4Uzqa ztPUq9R%?3nk z&ljX#J1BZ)h2HXusJMF1LaW2c8A=j_SV*m|LFn+ukna2{0#7f=`Tbj7{yWt7_JQ}Z z3#jS)>!2Pvk$h5MU_}9l{mS7ScQf3TQz2Fi(l3>lBKY$)Xj-!Y>Y-!3s+(AgR$LQe zF|KLg;gZXL=GM`-#6TvpMX=* zIOI3~g{G&TH5T@fdf62pu+XZpxU<6hyLTKH_9>ka|71*ot-t@#g2j+;)RG{?4!F6?$ykNm-R`DNtG0Q#HRTHILW!OKZ%02oV-WkB zS8p?q8@}&8Y?n2@>}oX+V_40MD_QMNOyb%juAKZC@w4Nv||k2 zMM;7XJK)?rejqu)7=sqc(2|HKV2qhwL&00ytZYc=ukA>9DIqH|ca^wjPBY$5r5-#2 zdHZftnRc6kGTu+#@xF2F9M|_;28$4+pn|EEs3zjEeQZ{b&Rp38o+go`l4~H9zUJ&cCm|}7+o(y-?EgglT56r z(~dE87Y$q!Vh1U@o0uf&1JapV5^@A!OfR2!%a%4v$0PtiNO+iOq2xhp=J$bl;=Ao> z8j9CHnf?8PMTmt`%nVDziaPBWLpCT$5Mm4F?j~a(I+|gVi1S9R%-{Yh4NCc zK*H3{`fEwolhy?Y0vscUXI%&LnY*yMEN?-bc8nn#lq3kT10H{UrNn>vqi6qs}L2;*3*Yk*eQkX%4bn6;%wA@AIqbsbu&-TJy>MV)qxAq$iw z2(gLIQ(&1SfrEho`c%>sNdmG02I%EX-AxuPq>FRUy3;sTj~+K&Pg+3ebfD!ouOtn0 z=Yth>+A)S~(7-hzHepT@?JWr;|N2a%s^DB7x-bu1Tle5`jv0}(%39vO$6P3)Li^;h z@zF7?BL9I|QKuba$O0t^LTsY*%lJAT`W#xC1$Fv)-l=^2nnk}(S+EF!RZES}(c1HA z_mohNo-~f7$+zY`wu00tW`3+%@qhOeB?&@o!qny9c7cQG(_@v?3+lL{=-0ta-BDJ& z3{Je^3nv-(w;T`JIjyhNo&Kgn|7s-aoi;ErJ`@BCx7wn>6LCPA*6@w$}|hYn6zRvgqHMQc{TF>*K@ zBZou%$UM%`9r>zL`}B%&>`54pDP#=!Km*r=*hH$mAN)@*1vCvpx&F)CJLek^2laz% z@^}D%(6DEakz zFuxCC#Xyw2xDLwh{ZLPxg?6PLLa-Rlu_NJ{GQp@Pdh8VBUD?kH%4ePG>2nZo90CCF zE}93&O+yi_y#Rot_4T(+`$<^wfA<9A+~UI9BI#sJ{(Dcj;sWC-e!TWXsRMydKlF`ngMzU*4Ce81jKy5`@@<7H&oC>_vzx#I;3F!t>C5aL>3MLRqP)jC$k*+FpMP zk$u%UStOY2I<@*nTwAglz6G-(O}r)LCPMj+As?tEK}Z5CTM_^uO&Eis^()Q0on=Ff zqG|Q>P!HAQF0cX<2M^F6m<|WD%U2P*ay9S2pmScQ+XW%ugVq=V)TlKvTV*$X4GS+pdPP{uaL{)i=69A zCK9&2B&4?}Nf2U3^q?m;LF*(4A%vtwNrDhUNLrL62qA=|MM;7XLP%O{|GtAX1(py( bNJ{?)>9q`2d!G9800000NkvXXu0mjfBQZY^ literal 0 HcmV?d00001 diff --git a/core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..41f5f01a93b5a34de48b342cd586b245438a1823 GIT binary patch literal 4103 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 N002ovPDHLkV1iC+dr$xX literal 0 HcmV?d00001 diff --git a/core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item-sliding/test/a11y/item-sliding.e2e.ts-snapshots/item-sliding-scale-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..b7fe6c191f993ef290df253dc6d1e26ccca46128 GIT binary patch literal 3522 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 literal 0 HcmV?d00001