layout/reftests/pagination/content-inserted-005.xhtml
author Ting-Yu Lin <tlin@mozilla.com>
Thu, 05 Sep 2019 21:37:32 +0000
changeset 553274 bb59a0c3716298bd4645885b530d501809715541
parent 106466 34d30fa24371d1792db800365fc8e67618639037
permissions -rw-r--r--
Bug 1308587 Part 2 - Remove -moz prefix for all multi-column properties in testing and css files. r=dholbert This patch is generated by the following script: ``` function remove_column_prefix() { echo "Renaming $1 to $2" find .\ -type f\ ! -path "./obj*"\ ! -path "./.git"\ ! -path "./.hg"\ \( -name "*.html" -or\ -name "*.xhtml" -or\ -name "*.xht" -or\ -name "*.xul" -or\ -name "*.xml" -or\ -name "*.css" \)\ -exec sed -i -e "s/$1/$2/g" "{}" \; } remove_column_prefix "-moz-columns" "columns" remove_column_prefix "-moz-column-width" "column-width" remove_column_prefix "-moz-column-count" "column-count" remove_column_prefix "-moz-column-fill" "column-fill" remove_column_prefix "-moz-column-gap" "column-gap" remove_column_prefix "-moz-column-rule" "column-rule" remove_column_prefix "-moz-column-rule-width" "column-rule-width" remove_column_prefix "-moz-column-rule-color" "column-rule-color" remove_column_prefix "-moz-column-rule-style" "column-rule-style" ``` Note: after running the above script, I reverted one minor change to the file multicol-nested-column-rule-001.xht in the theoretically read-only directory layout/reftests/w3c-css/received/css-multicol/. Differential Revision: https://phabricator.services.mozilla.com/D44870

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Content Appended in Pagination after ::before</title>

  <style type="text/css">
    body {
      font-size: 16px;
    }

    #colset {
      height: 200px;
      width: 450px;
      column-width: 150px;
      column-gap: 0;
      column-fill: auto;
      border: 3px solid silver;
    }

    #x {
      border-bottom: 4px solid blue;
    }

    #x:before {
      display: block;
      height: 201px;
      content: "";
      border-bottom: 4px solid blue;
    }
</style>
</head>

<body onload="document.getElementById('x').insertBefore(document.createTextNode('This must be in the second column between two 4px blue lines.'), null)">

<div id="colset">
  <div id="x">
  </div>
</div>

</body>

</html>