Bug 1524437 - Replace text with div to avoid antialiasing effects. r=emilio

Differential Revision: https://phabricator.services.mozilla.com/D18300

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Kartikaya Gupta 2019-02-01 18:45:48 +00:00
Родитель 4222e67eac
Коммит b7b2ce33e3
24 изменённых файлов: 24 добавлений и 24 удалений

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="position: relative; left: 50px; top: 50px;">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translate(50px);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translate(50px, 50px) rotate(360deg);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translate(25px, 25px) translate(25px, 25px);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translate(25px, 25px); position:relative; top:25px; left:25px;">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translate(50px) translate(-100px) translate(150px) translate(-50px) translate(0px, 50px);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="position: relative; left: 50px; top: 0px;">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translate(50px);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="margin-left: 50px;">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
<div style="position:relative; left:50px; height:10px;">
<!-- make the body overflow by 50px horizontally -->

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="position:relative; left:50px;">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translatex(50px);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translatex(50px) rotate(360deg);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translatex(25px) translatex(25px);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translatex(25px); position:relative; left:25px; top:0px;">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translatex(50px) translatex(-100px) translatex(150px) translatex(-50px);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: matrix(1, 0, 0, 1, 50, 0);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="margin-top: 50px;">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="position:relative; top:50px;">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translatey(50px);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translatey(50px) rotate(360deg);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translatey(25px) translatey(25px);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translatey(25px); position:relative; top:25px; left:0px;">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: translatey(50px) translatey(-100px) translatey(150px) translatey(-50px);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>

Просмотреть файл

@ -3,7 +3,7 @@
</head>
<body>
<div style="-moz-transform: matrix(1, 0, 0, 1, 0, 50);">
Test Text
<div style="background-color: green; width: 20px; height: 20px">
</div>
</body>
</html>