зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1105268 - Reftest for CSS min- and max- dimensions with vertical writing mode. r=smontagu
This commit is contained in:
Jonathan Kew
Родитель
b7a4ad0f5e
Коммит
f62cda0697
|
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
.wrapper {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 20px;
|
||||
}
|
||||
.outer {
|
||||
height: 250px;
|
||||
width: 200px;
|
||||
border: 10px solid #ddd;
|
||||
}
|
||||
.inner {
|
||||
font: 12px monospace;
|
||||
background: yellow;
|
||||
overflow: hidden;
|
||||
}
|
||||
.test1 {
|
||||
width: 180px;
|
||||
height: 150px;
|
||||
}
|
||||
.test2 {
|
||||
width: 150px;
|
||||
height: 200px;
|
||||
}
|
||||
.lr {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.rl {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<div class="inner test1 lr">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<div class="inner test2 lr">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
.wrapper {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 20px;
|
||||
}
|
||||
.outer {
|
||||
height: 250px;
|
||||
width: 200px;
|
||||
border: 10px solid #ddd;
|
||||
}
|
||||
.inner {
|
||||
font: 12px monospace;
|
||||
background: yellow;
|
||||
overflow: hidden;
|
||||
}
|
||||
.test1 {
|
||||
min-width: 180px;
|
||||
max-width: 180px;
|
||||
min-height: 150px;
|
||||
max-height: 150px;
|
||||
}
|
||||
.test2 {
|
||||
min-width: 150px;
|
||||
max-width: 150px;
|
||||
min-height: 200px;
|
||||
max-height: 200px;
|
||||
}
|
||||
.lr {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<div class="inner test1 lr">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<div class="inner test2 lr">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
.wrapper {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 20px;
|
||||
}
|
||||
.outer {
|
||||
height: 250px;
|
||||
width: 200px;
|
||||
border: 10px solid #ddd;
|
||||
}
|
||||
.inner {
|
||||
overflow: hidden;
|
||||
background: yellow;
|
||||
}
|
||||
.test1 {
|
||||
width: 100px;
|
||||
height: 150px;
|
||||
}
|
||||
.test2 {
|
||||
width: 150px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<img class="inner test1" src="foo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<img class="inner test1" src="foo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<img class="inner test2" src="foo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<img class="inner test2" src="foo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
.wrapper {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 20px;
|
||||
}
|
||||
.outer {
|
||||
height: 250px;
|
||||
width: 200px;
|
||||
border: 10px solid #ddd;
|
||||
}
|
||||
.inner {
|
||||
overflow: hidden;
|
||||
background: yellow;
|
||||
}
|
||||
.test1 {
|
||||
min-width: 100px;
|
||||
max-width: 100px;
|
||||
min-height: 150px;
|
||||
max-height: 150px;
|
||||
}
|
||||
.test2 {
|
||||
min-width: 150px;
|
||||
max-width: 150px;
|
||||
min-height: 100px;
|
||||
max-height: 100px;
|
||||
}
|
||||
.lr {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.rl {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<img class="inner test1 lr" src="foo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<img class="inner test1 rl" src="foo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<img class="inner test2 lr" src="foo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="outer">
|
||||
<img class="inner test2 rl" src="foo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -25,3 +25,5 @@ random-if(gtk2Widget) == 1094434-2.html 1094434-2-ref.html # bug 1094845
|
|||
== 1096224-1a.html 1096224-1-ref.html
|
||||
== 1096224-1b.html 1096224-1-ref.html
|
||||
== 1103613-1.html 1103613-1-ref.html
|
||||
== 1105268-1-min-max-dimensions.html 1105268-1-min-max-dimensions-ref.html
|
||||
== 1105268-2-min-max-dimensions.html 1105268-2-min-max-dimensions-ref.html
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче