layout/reftests/flexbox/flexbox-align-self-baseline-horiz-3-ref.xhtml

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.

     1 <?xml version="1.0" encoding="UTF-8"?>
     2 <!--
     3      Any copyright is dedicated to the Public Domain.
     4      http://creativecommons.org/publicdomain/zero/1.0/
     5 -->
     6 <!-- Reference case for behavior of the 'baseline' value for align-items and
     7      align-self.
     9      NOTE: For multi-line 'display: block' flex items in the testcase, we use
    10      an inline-table here in the reference case, so that we get first-line
    11      baseline alignment. (If we used an inline-block instead, that would give
    12      us *last-line* baseline alignment.)
    13 -->
    14 <html xmlns="http://www.w3.org/1999/xhtml">
    15   <head>
    16     <style>
    17       .flexbox {
    18         display: block;
    19         border: 1px dashed blue;
    20         font: 14px sans-serif;
    21       }
    23       div   { display: inline-block; }
    24       table { display: inline-table; }
    26       .big {
    27         height: 100px;
    28         font: 24px sans-serif;
    29         margin-top: 20px;
    30       }
    32       .lime   { background: lime;   }
    33       .pink   { background: pink;   }
    34       .aqua   { background: aqua;   }
    35    </style>
    36   </head>
    37   <body>
    38     <div class="flexbox">
    39       <div class="lime">text</div
    40       ><button>btn</button
    41       ><input type="radio"
    42      /><input type="checkbox"
    43      /><label class="pink">label</label
    44       ><table cellspacing="0" cellpadding="0"  class="aqua">
    45         <label>lab<br/>el</label>
    46       </table
    47       ><table cellspacing="0" cellpadding="0">
    48         <fieldset>field<br/>set</fieldset>
    49       </table
    50       ><table cellspacing="0" cellpadding="0">
    51         <fieldset><legend>leg</legend>field<br/>set</fieldset>
    52       </table
    53       ><table cellspacing="0" cellpadding="0">
    54         <fieldset><legend>leg<br/>end</legend>field<br/>set</fieldset>
    55       </table>
    56     </div>
    57   </body>
    58 </html>

mercurial