wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-10-22 15:17:29 +09:00
Code Issues Projects Releases Packages Wiki Activity

Bug 1434380: Rewrite parts of reftest reference case grid-auto-min-sizing-definite-001-ref.html to be easier to understand & adjust

Browse source
This commit is contained in:
janekptacijarabaci 2018-07-20 09:01:58 +02:00 • committed by Roy Tam
commit 8ba429e41d
1 changed files with 19 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

47
layout/reftests/css-grid/grid-auto-min-sizing-definite-001-ref.html
View file

@ -62,40 +62,31 @@ b40 {
z-index: 1; position:relative; z-index: 1; position:relative;
} }
w { .h.r {
position:absolute; height: 42px;
background: lime; width: 42px;
border-width: 1px 0 0 3px; /* This margin-left is 20% of 98px-wide grid area */
border-style: solid; margin-left: 19.6px;
height:48px; /* This padding-bottom is 10% of 47.5px tall grid area */
width:75px; /* This padding-left is 30% of 98px wide grid area */
padding: 1px 3px 4.75px 29.4px;
} }
.v > w { .v.r {
border-width: 3px 0 0 1px; height: 42px;
left:-1px; top:-3px; width: 42px;
height:53px; /* This margin-left is 20% of 54px-wide grid area */
width:61px; margin-left: 10.8px;
} /* This padding-bottom is 10% of 102.5px tall grid area */
.h.r { margin-left:19px; padding: 1px 15px 37px 30px; } /* This padding-left is 30% of 54px wide grid area */
.v .h > w { padding: 1px 3px 10.25px 16.2px;
height:48px;
width:45px;
}
.v.r > w {
height:53px;
width:61px;
}
.v .v > w {
height:41px;
width:45px;
} }
.r { position:relative; } .r { position:relative; }
.t6 { width:46px; } .t6 { width:46px; }
.t8 { width:118px; } .t8 { width:118px; height: 102.5px; }
xx { xx {
display: block; display: block;
background: lime; background: lime;
padding:32px 32px 16px 32px; padding:32px 32px 16px 32px;
@ -114,7 +105,7 @@ xx {
<div class="grid"><span class="v"><x></x></span></div> <div class="grid"><span class="v"><x></x></span></div>
<div class="grid t6"><span class="v bb"><x></x></span></div> <div class="grid t6"><span class="v bb"><x></x></span></div>
<div class="grid"><span class="v"><x></x></span><span class="v"><x></x></span></div> <div class="grid"><span class="v"><x></x></span><span class="v"><x></x></span></div>
<div class="grid t8"><span class="v r"><w></w><b40></b40></span></div> <div class="grid t8"><span class="v r"><b40></b40></span></div>
<div class="grid"><xx class="v"></xx></div> <div class="grid"><xx class="v"></xx></div>
<div class="grid v"><xx class="h"></xx></div> <div class="grid v"><xx class="h"></xx></div>