Update container shape of the File TimelineItem's icon. (#5288)

* Change corner radius of icon container From round to 4px * Update snapshots.
2026-03-20 15:08:57 +01:00
parent 0567b75cfb
commit c3ed417b8f
33 changed files with 66 additions and 65 deletions
--- a/ElementX/Sources/Screens/Timeline/View/TimelineItemViews/FileRoomTimelineView.swift
+++ b/ElementX/Sources/Screens/Timeline/View/TimelineItemViews/FileRoomTimelineView.swift
@@ -93,7 +93,8 @@ struct MediaFileRoomTimelineContent: View {
            CompoundIcon(icon, size: .xSmall, relativeTo: .body)
                .foregroundColor(.compound.iconPrimary)
                .scaledPadding(8)
-                .background(.compound.iconOnSolidPrimary, in: Circle())
+                .background(.compound.iconOnSolidPrimary,
+                            in: RoundedRectangle(cornerRadius: 4, style: .continuous))
        }
        .labelStyle(.custom(spacing: 8, alignment: .center))
        .padding(.horizontal, 4) // Add to the styler's padding of 8, as we use the default insets for the caption.
--- a/PreviewTests/Sources/Snapshots/PreviewTests/audioMediaEventsTimelineView.iPad-en-GB-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/audioMediaEventsTimelineView.iPad-en-GB-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:15b1a0f770650e13802ff707e7c16bdb413f43c311593129cbb90a2a6b077114
-size 94305
+oid sha256:ec1bb382778667fe1489e8d085214f4d79bd81d74510696d3adebcdfcfc713af
+size 93456
--- a/PreviewTests/Sources/Snapshots/PreviewTests/audioMediaEventsTimelineView.iPad-pseudo-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/audioMediaEventsTimelineView.iPad-pseudo-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:15b1a0f770650e13802ff707e7c16bdb413f43c311593129cbb90a2a6b077114
-size 94305
+oid sha256:ec1bb382778667fe1489e8d085214f4d79bd81d74510696d3adebcdfcfc713af
+size 93456
--- a/PreviewTests/Sources/Snapshots/PreviewTests/audioMediaEventsTimelineView.iPhone-en-GB-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/audioMediaEventsTimelineView.iPhone-en-GB-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f9fa223814715cbd47cb54dce8193cd54a7bd4cbf8c2be9764926fd10c0b463f
-size 50364
+oid sha256:f1a1809c4a5c833ad4ccd2edcd245fc004c8016b6669ae821af9dce5295acc8f
+size 49654
--- a/PreviewTests/Sources/Snapshots/PreviewTests/audioMediaEventsTimelineView.iPhone-pseudo-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/audioMediaEventsTimelineView.iPhone-pseudo-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f9fa223814715cbd47cb54dce8193cd54a7bd4cbf8c2be9764926fd10c0b463f
-size 50364
+oid sha256:f1a1809c4a5c833ad4ccd2edcd245fc004c8016b6669ae821af9dce5295acc8f
+size 49654
--- a/PreviewTests/Sources/Snapshots/PreviewTests/audioRoomTimelineView.iPad-en-GB-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/audioRoomTimelineView.iPad-en-GB-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9553383b6be10ac1d6adb795e060655a93b7a2c38e1adbbef82b23f8a1fa166a
-size 101537
+oid sha256:511988d473710cfeb8cd4c79eaf061513ec7d2eddaee4924d90054501ed03e02
+size 100630
--- a/PreviewTests/Sources/Snapshots/PreviewTests/audioRoomTimelineView.iPad-pseudo-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/audioRoomTimelineView.iPad-pseudo-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:605320bc00ac3836f3323512e295c64fe19cbf9ea528b2f4fde788fd22b9f7d3
-size 103179
+oid sha256:6140d86983701122a6048d7a62e53af13b1f6cc0131cdf8b3bd0f12728295fae
+size 102243
--- a/PreviewTests/Sources/Snapshots/PreviewTests/audioRoomTimelineView.iPhone-en-GB-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/audioRoomTimelineView.iPhone-en-GB-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cf70fca82218f56874b858681386b5c53192454c614838752586e0c9e22c85f3
-size 56349
+oid sha256:073505b559115b954dd522f9022c0b9fa7a8c127b5ec2aec726e9442a38c76d5
+size 55503
--- a/PreviewTests/Sources/Snapshots/PreviewTests/audioRoomTimelineView.iPhone-pseudo-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/audioRoomTimelineView.iPhone-pseudo-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1fb063ce065d3a557691b74159dd70dfd850fc31cb4dc1a15fcd256d365a2255
-size 57644
+oid sha256:1964389ab91210768b61f7305eb6b5f5a5b313bb1decbb872bf44480441c98c7
+size 56778
--- a/PreviewTests/Sources/Snapshots/PreviewTests/fileMediaEventsTimelineView.iPad-en-GB-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/fileMediaEventsTimelineView.iPad-en-GB-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a398ca747389932748299327e31bfdabb9e4759a661387afc6125b7e9aa7ac17
-size 123297
+oid sha256:648dd14dff578845c45011f62423b82b0f31663646e578b76b42fd457236f63a
+size 121182
--- a/PreviewTests/Sources/Snapshots/PreviewTests/fileMediaEventsTimelineView.iPad-pseudo-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/fileMediaEventsTimelineView.iPad-pseudo-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a398ca747389932748299327e31bfdabb9e4759a661387afc6125b7e9aa7ac17
-size 123297
+oid sha256:648dd14dff578845c45011f62423b82b0f31663646e578b76b42fd457236f63a
+size 121182
--- a/PreviewTests/Sources/Snapshots/PreviewTests/fileMediaEventsTimelineView.iPhone-en-GB-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/fileMediaEventsTimelineView.iPhone-en-GB-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3ce030bd0bd069116f1fa3b8004aec99b87ea5401cc1cdbafe45c705ecd8418b
-size 75809
+oid sha256:a01eb9a4ba39c43296196e1ce434e8826e7c44626ed04ca21786808e75056834
+size 74214
--- a/PreviewTests/Sources/Snapshots/PreviewTests/fileMediaEventsTimelineView.iPhone-pseudo-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/fileMediaEventsTimelineView.iPhone-pseudo-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3ce030bd0bd069116f1fa3b8004aec99b87ea5401cc1cdbafe45c705ecd8418b
-size 75809
+oid sha256:a01eb9a4ba39c43296196e1ce434e8826e7c44626ed04ca21786808e75056834
+size 74214
--- a/PreviewTests/Sources/Snapshots/PreviewTests/fileRoomTimelineView.iPad-en-GB-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/fileRoomTimelineView.iPad-en-GB-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:16242e56af8aeab6534f518326512fdbede62c396992d7c1e6adeb3d00ce5a00
-size 157010
+oid sha256:140c478c95147258894ea18dfa0b67c35b6ca209d7927b83582df4f2e842b4cf
+size 154385
--- a/PreviewTests/Sources/Snapshots/PreviewTests/fileRoomTimelineView.iPad-pseudo-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/fileRoomTimelineView.iPad-pseudo-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d4540eb5ba60279d0226697d1cb8c0e82008a5efbc6a197a356ce41caa483518
-size 161047
+oid sha256:50af185e5040f2dde21b1049fcc98afe0b6e1dc25db061d0ff1115c75058d0f9
+size 158479
--- a/PreviewTests/Sources/Snapshots/PreviewTests/fileRoomTimelineView.iPhone-en-GB-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/fileRoomTimelineView.iPhone-en-GB-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a5df19851fe6c02a07c7d15ebc5048b09e3d5903cdcc67cc4c5a88436df34819
-size 108539
+oid sha256:db3e0649000604635f786518ae36f6a787ae6fabdd519f77309cc97b1f43e46c
+size 106925
--- a/PreviewTests/Sources/Snapshots/PreviewTests/fileRoomTimelineView.iPhone-pseudo-0.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/fileRoomTimelineView.iPhone-pseudo-0.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aebfb13abfb596696fcb7c3970e5a4abd10042a9dd692e1100d1170aa4210075
-size 111685
+oid sha256:3a74b6591689cff1445daf23d518d489d1d307b6f3b85dfff9b726e2a11b1453
+size 110263
--- a/PreviewTests/Sources/Snapshots/PreviewTests/mediaEventsTimelineScreen.Files-iPad-en-GB.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/mediaEventsTimelineScreen.Files-iPad-en-GB.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:01c7772fd0e9cdb516e42f08a2cfb37737babf49da557052821eeff24e67ae56
-size 147023
+oid sha256:445596e14d6bdf911e848b362a4611d5f58d7d7be5f1d85d9b64b28273e5a251
+size 144598
--- a/PreviewTests/Sources/Snapshots/PreviewTests/mediaEventsTimelineScreen.Files-iPad-pseudo.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/mediaEventsTimelineScreen.Files-iPad-pseudo.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f26312121fafb978849b3d55b81d89d8f5d388eeb3c4edf6302c680710b2839c
-size 149066
+oid sha256:b3fc285832442e302533f1b4ad593618b677a89c7d73db57085aa3fe6ed03cfa
+size 146614
--- a/PreviewTests/Sources/Snapshots/PreviewTests/mediaEventsTimelineScreen.Files-iPhone-en-GB.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/mediaEventsTimelineScreen.Files-iPhone-en-GB.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4ec5ae3ee075e7c359ae3aebde7d7aacea6a4985f0cbb64e0e32af1f494ac9e6
-size 89557
+oid sha256:92382bb10c78fb31d2736089f78cf70a78929542ba374959ade0954155864af1
+size 88014
--- a/PreviewTests/Sources/Snapshots/PreviewTests/mediaEventsTimelineScreen.Files-iPhone-pseudo.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/mediaEventsTimelineScreen.Files-iPhone-pseudo.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cc5796e1ebaa14955d2470c74204be4e6d55410616cae1dbc0c785f46357f300
-size 90463
+oid sha256:5e54dede9347e647422d7f84c4a8f0e7fb48a5f01965110ceb2629a9bb874708
+size 88915
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Pinned-messages-iPad-en-GB.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Pinned-messages-iPad-en-GB.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7905d4da975ca2f8c8ba13afc3112081360e1c2586e780e0bf7f63e79f11e907
-size 1816558
+oid sha256:6158076fce47a4e6854b119a4e20fa0a3dd74f179caa81a58f8072726ba5f711
+size 1815273
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Pinned-messages-iPad-pseudo.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Pinned-messages-iPad-pseudo.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6f225a517befd7486ca940036f0b32b051471e6179dddc1afec04027f0e5a34b
-size 1815989
+oid sha256:86311c5b5907e327954c0b38ac41f7cb8e63fadded24399557547d9938f68a88
+size 1814820
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Pinned-messages-iPhone-en-GB.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Pinned-messages-iPhone-en-GB.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:711bdb8bba6cf0b1148695e599599a34b137bfb41577ccf53f70402c188f7336
-size 762444
+oid sha256:a0addba4ffe10072e07b5a861d3da93cbb2ae9a8acbec8493b6a779abb56af48
+size 761676
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Pinned-messages-iPhone-pseudo.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Pinned-messages-iPhone-pseudo.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:bc8677193d2595d5d6993d2e39c40b74fd033e02ac952da52dfc320824b857b0
-size 760909
+oid sha256:244e46696864cda84e77c22dac78d66901e6054c87f9d92031acf6361ed129d1
+size 760148
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-decorator-iPad-en-GB.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-decorator-iPad-en-GB.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8a3e77518c1d7225d0d89ac5d94f3a050721abb0320ac94c7768a64d9f8064c0
-size 1912810
+oid sha256:ed67d68b4171e56e6fd484fb586118e31a99fa8c08f3499fbc844c4e197817a5
+size 1911809
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-decorator-iPad-pseudo.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-decorator-iPad-pseudo.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:648eb3d7089c0ce01bc4d20cddd0f0092421d78f2a0f483135b30f4d1bc5e665
-size 1919591
+oid sha256:cb3cd28b7914c1db6651e8e0d64b06243d38f7303e89db82ad2987fed4ed5333
+size 1918865
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-decorator-iPhone-en-GB.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-decorator-iPhone-en-GB.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6ec385fa56fdea70874f4ec43623561cba05f1b2c13633a46d560974e8487cb0
-size 865130
+oid sha256:f11136e78896786891f9005cd19e48e3b87d722b93c920c149913363440f9371
+size 864403
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-decorator-iPhone-pseudo.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-decorator-iPhone-pseudo.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:918a059719a7ff6f3974664904e9ce6473241a20907ebefda0c40561e6235823
-size 868790
+oid sha256:590cfddcb1e312561da83ac34acc2e553f0c6dc114f107d48587f5468b056fb9
+size 868147
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-summary-iPad-en-GB.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-summary-iPad-en-GB.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f1a2e2ed1e99b2ff6b92fe5ea4cf70af039ed09c542ede3f471e88f3d8883a2c
-size 1916887
+oid sha256:de688892ee994febd7848ab7a2ccea41bb718d30da5c322adeb41a6e2674d8e9
+size 1916010
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-summary-iPad-pseudo.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-summary-iPad-pseudo.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ad75f5eb536ef43505a9713b17d64424451b5f4136795ff72e6318f2cc74998b
-size 1939145
+oid sha256:887531c95681b936f123bd27c54a3eeaa18db99836d2c6bb958a3d940794638f
+size 1938141
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-summary-iPhone-en-GB.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-summary-iPhone-en-GB.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7f33ce5a5b646d0de6f7d57a86ec2cd4ffa2c0a88c99f0607b4388aff3ba7099
-size 944690
+oid sha256:31fb1bf77d9a55eb35b41032ec38caa7bc79c04e2918bfb67087811eb849ce99
+size 943965
--- a/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-summary-iPhone-pseudo.png
+++ b/PreviewTests/Sources/Snapshots/PreviewTests/timelineItemBubbledStylerView.Thread-summary-iPhone-pseudo.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:44fb917f17f99ea73143c6f81c4a935e5f5d6de51ff6dccb61eb44e6a006b2f9
-size 945021
+oid sha256:7b0e140468a93087d32bd68c2f85086c086a732db0467ed3fd89a45aa899b1f7
+size 944304