layout: Reverse vertical orientation of gradients using corner directions. (#37802)

Found and manually tested by comparing rendering between Firefox and
Servo.

Testing: Existing WPT coverage is sufficient.
Fixes: #37782

Signed-off-by: Josh Matthews <josh@joshmatthews.net>
This commit is contained in:
Josh Matthews 2025-07-11 16:02:13 -04:00 committed by GitHub
parent c5aeac3cea
commit 7eedeca715
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 21 additions and 20 deletions

View file

@ -3952,19 +3952,6 @@
{}
]
],
"linear_gradients_non_square_a.html": [
"2edd6cbaa4638d6fdc474c6e7bec7f4c194dc721",
[
null,
[
[
"/_mozilla/css/linear_gradients_non_square_ref.html",
"=="
]
],
{}
]
],
"linear_gradients_parsing_a.html": [
"c2e18fb98ed4324f8337290cbae84b14df580182",
[
@ -9324,10 +9311,6 @@
"a067067fff64d232aad7233b69b7b78e74e1f365",
[]
],
"linear_gradients_non_square_ref.html": [
"1ad3c75747e05768a3e79d879e535e8b3980f1a4",
[]
],
"linear_gradients_parsing_ref.html": [
"b4d21f1c85bfd1da96a35f2c09e73ee9d561ecd9",
[]

View file

@ -1,29 +0,0 @@
<!doctype html>
<meta charset="utf-8">
<title>Linear gradients for non-square elements</title>
<link rel="match" href="linear_gradients_non_square_ref.html">
<style>
.a,
.b,
.c,
.d {
width: 200px;
height: 100px;
}
.a {
background: linear-gradient(to right bottom, black 50%, lightgray 50%);
}
.b {
background: linear-gradient(to left bottom, black 50%, lightgray 50%);
}
.c {
background: linear-gradient(to left top, black 50%, lightgray 50%);
}
.d {
background: linear-gradient(to right top, black 50%, lightgray 50%);
}
</style>
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
<div class="d"></div>

View file

@ -1,28 +0,0 @@
<!doctype html>
<meta charset="utf-8">
<title>Linear gradients for non-square elements reference</title>
<style>
.a,
.b,
.c,
.d {
width: 200px;
height: 100px;
}
.a {
background: linear-gradient(-206.56505118deg, black 50%, lightgray 50%);
}
.b {
background: linear-gradient(206.56505118deg, black 50%, lightgray 50%);
}
.c {
background: linear-gradient(-26.56505118deg, black 50%, lightgray 50%);
}
.d {
background: linear-gradient(26.56505118deg, black 50%, lightgray 50%);
}
</style>
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
<div class="d"></div>