element-web/res/css/views/rooms
Clark Fischer a8aa4de4b4
Member avatars without canvas (#9990)
* Strict typechecking fixes for Base/Member/Avatar

Update the core avatar files to pass `--strict --noImplicitAny` typechecks.

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>

* Add tests for Base/Member/Avatar

More thoroughly test the core avatar files. Not necessarily the most thorough,
but an improvement.

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>

* Extract TextAvatar from BaseAvatar

Extracted the fallback/textual avatar into its own component.

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>

* Use standard HTML for non-image avatars

Firefox users with `resistFingerprinting` enabled were seeing random noise
for rooms and users without avatars. There's no real reason to use data
URLs to present flat colors.

This converts non-image avatars to inline blocks with background colors.

See https://github.com/vector-im/element-web/issues/23936

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>

* Have pills use solid backgrounds rather than colored images

Similar to room and member avatars, pills now use colored pseudo-elements
rather than background images.

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>

---------

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>
Co-authored-by: Andy Balaam <andy.balaam@matrix.org>
2023-01-30 09:50:08 +00:00
..
wysiwyg_composer Add quotes to rich text editor (#9932) 2023-01-20 10:55:46 +00:00
_AppsDrawer.pcss Redesign the picture-in-picture window (#9800) 2023-01-04 04:44:38 +00:00
_Autocomplete.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_AuxPanel.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_BasicMessageComposer.pcss Member avatars without canvas (#9990) 2023-01-30 09:50:08 +00:00
_DecryptionFailureBar.pcss Use compound colours for verification badges (#9794) 2022-12-20 02:07:28 +00:00
_E2EIcon.pcss Use compound colours for verification badges (#9794) 2022-12-20 02:07:28 +00:00
_EditMessageComposer.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_EmojiButton.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_EntityTile.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_EventBubbleTile.pcss Improve decryption error UI by consolidating error messages and providing instructions when possible (#9544) 2022-12-15 17:24:33 +00:00
_EventTile.pcss Add code blocks to rich text editor (#9921) 2023-01-19 15:49:21 +00:00
_HistoryTile.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_IRCLayout.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_JumpToBottomButton.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_LinkPreviewGroup.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_LinkPreviewWidget.pcss Fix url preview AXE and layout issue & add percy test (#9189) 2022-08-17 16:07:18 +00:00
_LiveContentSummary.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_MemberInfo.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_MemberList.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_MessageComposer.pcss Use compound Mic icons everywhere (#9849) 2023-01-02 13:36:58 +00:00
_MessageComposerFormatBar.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_NewRoomIntro.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_NotificationBadge.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_PinnedEventTile.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_PresenceLabel.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_ReadReceiptGroup.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_RecentlyViewedButton.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_ReplyPreview.pcss Issue Fix: Misaligned reply preview in thread composer (#9977) 2023-01-25 08:51:07 +01:00
_ReplyTile.pcss use 100% rather than auto with for reply tile width (#9924) 2023-01-18 14:57:58 +13:00
_RoomBreadcrumbs.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_RoomCallBanner.pcss Align video call icon with banner text (#9460) 2022-10-19 19:11:13 +00:00
_RoomHeader.pcss Show the room name in the room header during calls (#9942) 2023-01-20 08:45:39 -05:00
_RoomInfoLine.pcss Fix the size of the 'Private space' icon (#9638) 2022-11-28 23:22:52 -05:00
_RoomList.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_RoomListHeader.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_RoomPreviewBar.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_RoomPreviewCard.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_RoomSublist.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_RoomTile.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_RoomUpgradeWarningBar.pcss Rename PostCSS files to .pcss (#9013) 2022-07-15 14:53:23 +01:00
_SearchBar.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_SendMessageComposer.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_Stickers.pcss Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
_ThreadSummary.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_TopUnreadMessagesBar.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_VoiceRecordComposerTile.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00
_WhoIsTypingTile.pcss Apply prettier formatting 2022-12-12 12:24:14 +01:00