layout/reftests/box-properties/width-special-values-image.html

Thu, 15 Jan 2015 15:59:08 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 15:59:08 +0100
branch
TOR_BUG_9701
changeset 10
ac0c01689b40
permissions
-rw-r--r--

Implement a real Private Browsing Mode condition by changing the API/ABI;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html lang="en-US">
michael@0 3 <head>
michael@0 4 <title>-moz-max-content, -moz-min-content, -moz-fit-content, and -moz-available values of CSS width property, on inline images</title>
michael@0 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
michael@0 6 <meta http-equiv="Content-Style-Type" content="text/css">
michael@0 7 <style type="text/css">
michael@0 8
michael@0 9 img {
michael@0 10 margin-left: 1px;
michael@0 11 border-left: 2px solid;
michael@0 12 padding-left: 4px;
michael@0 13 padding-right: 8px;
michael@0 14 border-right: 16px solid;
michael@0 15 margin-right: 32px;
michael@0 16 margin-bottom: 1px;
michael@0 17 }
michael@0 18
michael@0 19 img.v1 { width: -moz-max-content; }
michael@0 20 img.v2 { width: -moz-min-content; }
michael@0 21 img.v3 { width: -moz-fit-content; }
michael@0 22 img.v4 { width: -moz-available; }
michael@0 23
michael@0 24 img.s1 { box-sizing: content; }
michael@0 25 img.s2 { box-sizing: padding; }
michael@0 26 img.s3 { box-sizing: border; }
michael@0 27
michael@0 28 </style>
michael@0 29 </head>
michael@0 30 <body style="width: 100px">
michael@0 31 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s1">
michael@0 32 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s2">
michael@0 33 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v1 s3">
michael@0 34 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s1">
michael@0 35 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s2">
michael@0 36 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v2 s3">
michael@0 37 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s1">
michael@0 38 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s2">
michael@0 39 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v3 s3">
michael@0 40 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s1">
michael@0 41 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s2">
michael@0 42 <img src="../pixel-rounding/green-25x25.png" alt="[]" class="v4 s3">
michael@0 43 </body>
michael@0 44 </html>

mercurial