mirror of
https://github.com/servo/servo.git
synced 2025-08-31 18:18:21 +01:00
Thanks to differences on rendering between CPU X GPU, there is a 1 pixel wide
difference in the position where the top border meets the right border (as also the right border X bottom border). The workaround to have a test that will work on both modes is to cover the affected area with a white div. This patch adds inset test.
This commit is contained in:
parent
0e24194d81
commit
92f4ab6394
4 changed files with 63 additions and 0 deletions
49
tests/ref/inset.html
Normal file
49
tests/ref/inset.html
Normal file
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
.test {
|
||||
color: #f0f;
|
||||
}
|
||||
|
||||
.inset {
|
||||
border: 10px inset;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.hack1 {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: white;
|
||||
border-color: white;
|
||||
border-style: solid;
|
||||
position: relative;
|
||||
top: -20px;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
.hack2 {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: white;
|
||||
border-color: white;
|
||||
border-style: solid;
|
||||
position: relative;
|
||||
top: -155px;
|
||||
right: -100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section class="test">
|
||||
<div class="inset"></div>
|
||||
</section>
|
||||
|
||||
<div class="hack1"></div>
|
||||
<div class="hack2"></div>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue