Fix flaky Percy tests of ReplyChain (#10450)

* Fix flaky Percy tests of ReplyChain - 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 <luixxiul@users.noreply.github.com> * Check receptSent as well for consistency Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Specify zero spacing and remove list-style Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> --------- Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2023-03-27 12:13:25 +00:00
parent cc0f38d5b4
commit afb2cb93f2
6 changed files with 44 additions and 16 deletions
@@ -58,7 +58,7 @@ limitations under the License.
@media only percy {
    /* Stick the default room avatar colour, so it doesn't cause a false diff on the screenshot */
    .mx_BaseAvatar_initial {
-        background-color: $username-variant2-color !important;
+        background-color: var(--percy-color-avatar) !important;
        border-radius: 125px;
    }
    .mx_RoomAvatar_isSpaceRoom .mx_BaseAvatar_initial {