Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-12-04 19:33:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 831354, test fix 5: Make flexbox-align-self-vert-rtl-1.xhtml wrap some text in a 100px-wide inline block, so that our different centering algorithms will be able to center it consistently. r=dbaron

Browse Source
This commit is contained in:
Daniel Holbert 2013-01-17 13:14:23 -08:00
parent 675b5a7e4b
commit b6e5f7f663
2 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
layout/reftests/flexbox/flexbox-align-self-vert-rtl-1-ref.xhtml
View File

@ -70,6 +70,10 @@
float: left;
width: -moz-max-content;
}
.hack {
display: inline-block;
width: 100px;
}
</style>
</head>
<body>
@ -85,7 +89,14 @@
<div class="stretch">stretch</div>
<div class="stretch big">a b c d e f</div>
<div class="auto">auto</div>
<div class="unspecified">unspec</div>
<!-- This particular text ("unspec") appears to trigger a slight
difference in behavior between the testcase's & reference case's
centering techniques - the "s" ends up being shifted by ~1px.
(Probably because the length of the text is a fractional amount of
pixels, or something like that.) To hack around that, we add a
fixed-width wrapper-div - we should be able to center _that_
consistently. -->
<div class="unspecified"><div class="hack">unspec</div></div>
<div class="initial">initial</div>
<div class="inherit">inherit</div>
<!-- Since that last div is floated right, the container doesn't include

13
layout/reftests/flexbox/flexbox-align-self-vert-rtl-1.xhtml
View File

@ -68,6 +68,10 @@
background: violet;
align-self: inherit;
}
.hack {
display: inline-block;
width: 100px;
}
</style>
</head>
<body>
@ -83,7 +87,14 @@
<div class="stretch">stretch</div>
<div class="stretch big">a b c d e f</div>
<div class="auto">auto</div>
<div class="unspecified">unspec</div>
<!-- This particular text ("unspec") appears to trigger a slight
difference in behavior between the testcase's & reference case's
centering techniques - the "s" ends up being shifted by ~1px.
(Probably because the length of the text is a fractional amount of
pixels, or something like that.) To hack around that, we add a
fixed-width wrapper-div - we should be able to center _that_
consistently. -->
<div class="unspecified"><div class="hack">unspec</div></div>
<div class="initial">initial</div>
<div class="inherit">inherit</div>
</div>