mirror of
https://github.com/servo/servo.git
synced 2025-08-06 22:15:33 +01:00
Auto merge of #5587 - pcwalton:list-style-image-sizing-redux, r=glennw
Improves Wikipedia. r? @glennw
This commit is contained in:
commit
267badae69
4 changed files with 102 additions and 17 deletions
|
@ -195,6 +195,7 @@ flaky_cpu == linebreak_simple_a.html linebreak_simple_b.html
|
|||
# Fails intermittently (#3636)
|
||||
# == link_style_dynamic_addition.html link_style_dynamic_addition_ref.html
|
||||
== link_style_order.html link_style_order_ref.html
|
||||
== list_style_image_sizing_a.html list_style_image_sizing_ref.html
|
||||
== list_style_position_a.html list_style_position_ref.html
|
||||
!= list_style_type_a.html list_style_type_ref.html
|
||||
== many_brs_a.html many_brs_ref.html
|
||||
|
|
37
tests/ref/list_style_image_sizing_a.html
Normal file
37
tests/ref/list_style_image_sizing_a.html
Normal file
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<!--
|
||||
Tests that the list style image doesn't get stretched vertically. It should be completely
|
||||
covered up by the black absolutely-positioned div.
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
margin-left: 128px;
|
||||
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEX///8AUow5QSOjAAAAAXRSTlMAQObYZgAAABNJREFUCB1jYEABBQw/wLCAgQEAGpIDyT0IVcsAAAAASUVORK5CYII=);
|
||||
font-size: 256px;
|
||||
font-family: Ahem, monospace;
|
||||
}
|
||||
#coverup {
|
||||
position: absolute;
|
||||
background: black;
|
||||
top: 176px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ul>
|
||||
<li>x</li>
|
||||
</ul>
|
||||
<div id=coverup></div>
|
||||
</body>
|
||||
</html>
|
||||
|
37
tests/ref/list_style_image_sizing_ref.html
Normal file
37
tests/ref/list_style_image_sizing_ref.html
Normal file
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<!--
|
||||
Tests that the list style image doesn't get stretched vertically. It should be completely
|
||||
covered up by the black absolutely-positioned div.
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
margin-left: 128px;
|
||||
list-style-image: none;
|
||||
font-size: 256px;
|
||||
font-family: Ahem, monospace;
|
||||
}
|
||||
#coverup {
|
||||
position: absolute;
|
||||
background: black;
|
||||
top: 176px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ul>
|
||||
<li>x</li>
|
||||
</ul>
|
||||
<div id=coverup></div>
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue