-
-
Notifications
You must be signed in to change notification settings - Fork 823
Conversation
- Add media query for percy on _ReplyChain.pcss to apply the same color to vertical strokes (border-left)of ReplyChain - Use CSS variables for visibility - Manage those variables on _common.pcss for maintainability Signed-off-by: Suguru Hirahara <[email protected]>
Signed-off-by: Suguru Hirahara <[email protected]>
Signed-off-by: Suguru Hirahara <[email protected]>
ReplyChain
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks plausible. Let's see how the percy snapshots come out.
The border color issue seems to have been fixed (
I guess it is because the declaration "list-style-type: none" of It can be seen on another test as well. Adding a commit which should fix the issue. |
Signed-off-by: Suguru Hirahara <[email protected]>
Percy snapshots look reasonable, so I think this leaves us in a better state than we were in before. |
Thanks for the review! The previous commit failed to fix the list style issue. I'm going to create an issue for it! |
For element-hq/element-web#24881
This PR intends to address the flaky Percy snapshot tests of
ReplyChain
by applying a media query for Percy.Here is the list of the snapshots which should be addressed with this PR:
EventTile with reply chains on modern layout
EventTile with reply chains on compact modern layout
EventTile with reply chains on IRC layout
EventTile with reply chains on bubble layout
This PR also adds another step to check whether a sent receipt is rendered, so snapshots should capture the receipt consistently, mitigating the risk of flakiness.
For a reviewer: before merging, please add
X-Needs-Percy
to check whether the strokes color and the profile name color is same ($username-variant1-color
, which is#368bd6
on light theme).type: task
Signed-off-by: Suguru Hirahara [email protected]
Checklist
This change is marked as an internal change (Task), so will not be included in the changelog.