From 3fd249610cbaae6405dad77589591861a6e4f4b8 Mon Sep 17 00:00:00 2001 From: Florian Duros Date: Mon, 23 Dec 2024 10:16:35 +0100 Subject: [PATCH] Align element in VisualList component --- ...st-VisualList-Default-1-chromium-linux.png | Bin 9659 -> 9615 bytes ...isualListItem-Default-1-chromium-linux.png | Bin 6054 -> 6026 bytes ...lListItem-Destructive-1-chromium-linux.png | Bin 6049 -> 6020 bytes ...isualListItem-Success-1-chromium-linux.png | Bin 6069 -> 6048 bytes .../VisualList/VisualListItem.module.css | 1 + .../VisualList/VisualListItem.stories.tsx | 1 + 6 files changed, 2 insertions(+) diff --git a/playwright/visual.test.ts-snapshots/VisualList-VisualList-Default-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/VisualList-VisualList-Default-1-chromium-linux.png index 8d0d08774e253cf1ebc40bdf75b0d547667ac235..0f98ad29c263b8133fe3d115f3ae9a18e7ca9550 100644 GIT binary patch literal 9615 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 M2ir^K7jE47?^x8`2LJ#7 literal 9659 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 diff --git a/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Default-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Default-1-chromium-linux.png index e95904329ccc1ffc497d00e9e419a90ff3e72313..4ad8c33fea8814e3a30d352be25747d83586c9c2 100644 GIT binary patch delta 2995 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 Q82|tP07*qoM6N<$g8KEsNdN!< diff --git a/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Success-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Success-1-chromium-linux.png index 19b96ffbc17af171c11e5aea33f5845ec674162c..5433beede11af3fc71453e07b7a02b7b254ac336 100644 GIT binary patch delta 3016 zcmY*bYgEz+9;M^%I5Ukkt+Qk1Yj!&`j%%iskIa;&X>$r6i6$ipQ--98PY{*xzcr1H zGpRMcHZ@2M9c6?}K?Q*^QyNoIP{0R}DH1Y>rhxKtJ$v@c{yyH{J?DP7=bn2RzK?zH z9|021o%t#*uU;!7-cLkb<*%Xp<=U?F>mwKa;N#ct9*UU0coPbL1OM0gYd&zFukIiJ zyR%zb$+-iF)c2joPhEq?xPIdHG34lHYpBLkf$upMJ!`FfjI&!lS~b|{qBx9|wu=)H zLh$LpX<6FKFD&t&kp-&)c@D{3ud?Lu>T}ZfrOV3PLOukY5?%$~+JQib&59U@P)EYV z4f~T~GkfF#2qbXvP1!*!KHe1qG}#zZ^gk7j(YF?EZ_i2fO=du3T}>(%SFw^1?}Uy> z8@eUp#JpPtay`7*!)71+571{%()nd>O$Rbp!O?)~JFrRRfGpVT2sg5D!hODMQ`a$t zrLFn9`agqSI%@@@a$M%2o4lmU1h^M!`EH3WENeMyq5Omm6sC>y59nkC&1e|H_ zy4gK+DjXQQ1M~vco2Qe5LSH4Gm0yY)g=zzPXrVn1@1!Zb6z(b0I7c!$ZReRy)RgTiT| zq8FRAnw2>gr77o9P^td}0_KnXM)laijvud?5y~fIL7Sgw=VoHhBQfI-K0?}_I+{1I z06hHPG`e`|h)@X1+vU&4gRS}2kaQ0PbY}_^xbKBtHl{$ zn)0zqk*l>=@R;f*Jix+T@nRU1PPeY>nc?TXC~-s4yhTgU44p5fa`=UMJ)TxCi`(A#g;{MBv=X6ZhCC8EBeyF+o2iq|$%N>X$P2)p}`+^h*nB1L$&eq?cd#AQ}oOp7N zoIN&NEP>7AF5k8-Z7F(CQJC`Bt{l$#VJ~Vmrr-$=s65Ku>Z>9r_%Q<0 zwon4ckj3{sBOWra0(HXDsLmyCK!P-EX>#2Uf{O1PVLi{I)NC7oMy!{zc|-{eHu6gsV7Y^W+uQ89_=RSgSRiN4zw%Dzv=K(P(8T79F(-+F zIExn4L7DBQ>u}6VGoEgJ`Tflkd@>iSFJeo8tfC#a z@!z+i@6ARkfBE~GZig%RZ!t(kFm4Sf4Fd90G-R3{LLjvNDso{>FKMDSNv5 zW2qps`n^cw)L&bIur!kSL4b@MJy>g~ew9AGT3S~_3hXe-QRMy10uZ8S=*#0am67K| zaYYgbS0e|=^HOzBjr-;E&T6vecqWm<;ZP=FR0lnUySC_^VIF(r9pw(dhAz5L^;N

1FFAWDMlJ73 zPSV|VX3H^4{4gufTaFBF$$#B;nxgKb)O1B*QflL5vsFdQDeJx|nABebnIo(;8{EZx z`j)17hC3#Ft*%W*FrVN~>%;+=L_5)FEf`%8yYQk~{F5re%eoh{{)^Xd4N3RXTl?NV z9f0J&>9$&ZX_mG7kqYymoPPBrqp1=~DoDjDW{Ampz;l!o&}%J<<}Qp1=lu#tn9+(^Vqd`qWuVXHONZvcvmYGB~mM7a1qjgyo z&fUCgbrr5r$yLxV{9V`5JRrnZcj#$1Fp5cTKEy08l^jOoh?@V3WG64}3JUjfY#u4p zO%A*J#?=|u&e(|7>?$0wN3R zrQ{;FZ*3Q2E$`5jN{Kseqmy_jG|^2v%a6QC)D6N4ZQk9!p{?@|MltZ*Q0X`i@OWUy zj!aE&tCX8cjwO%-IlZm|*{j0D%oB7kj3hCMf z7}`9;9Fq?NcS|aUs-SICMM6n$I>ua0B%*Pv=~E(kNRq|Cs5#tM7#og8^I6Iq1%8OV zL{rQ8n?#O&puWEJV5S zJKZYfDQr7a1c4K{LFCycQe7FHduRb?F4)X?Q?@`S9?s>BEcp zvB`ltdBP*c^%PYjimD=USd~y`@YcrX-nNd`N@zl|AcSLWLL#w+vm1#DV12IcZ|q2T z_JYs^p>qraXk_B~)`;Wk`e@)qlSh7tLuuMqhSgV$w0tcrhmk;Q%pp)AtTYx^y;F2Dq z>m@3{azm?buJ>1BqM{=D5LoFEwrT2iUA^LZSJvM_uK5~teDYr4@u9cX!%`ZJ( z?v<%RJ__H?vEDAjlaJ%F^}jf_Ig;kq;?NkQKqRSphBYau4xqgL{UUGI5aLeDtLQuw zil9p($WEw#s7XAw{znSmm2kf^)6ZloIPVP8k=_R#%!^V$omb7C?mX>nkGZYa<%OGd zD`fr21lTen|HbA`Bu6$%_&jURl9OBRW`Fc9(Bet(9Xn7S!UdCgZ-O_l3*v}=g$2z>J07lw|D*nHmtAU delta 3042 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 diff --git a/src/components/VisualList/VisualListItem.module.css b/src/components/VisualList/VisualListItem.module.css index b083dbe6..2c918a79 100644 --- a/src/components/VisualList/VisualListItem.module.css +++ b/src/components/VisualList/VisualListItem.module.css @@ -20,6 +20,7 @@ padding: var(--cpd-space-3x) var(--cpd-space-4x); background-color: var(--cpd-color-bg-subtle-secondary); font: var(--cpd-font-body-md-medium); + align-items: center; } .visual-list-item-icon { diff --git a/src/components/VisualList/VisualListItem.stories.tsx b/src/components/VisualList/VisualListItem.stories.tsx index 2d2cbe62..354cc1c4 100644 --- a/src/components/VisualList/VisualListItem.stories.tsx +++ b/src/components/VisualList/VisualListItem.stories.tsx @@ -53,4 +53,5 @@ export const Multiline = Template.bind({}); Multiline.args = { children: "List item with a looooooooooong very looooooooooong loooooooooooooong description", + style: { alignItems: "start" }, };