Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(109)

Unified Diff: LayoutTests/fast/text-autosizing/list-marker-numbered-with-autosizing-expected.html

Issue 17071009: Consistently autosize markers in <ul> and <ol> lists. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@ls-TA-margins-14June
Patch Set: Created 7 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/text-autosizing/list-marker-numbered-with-autosizing-expected.html
diff --git a/LayoutTests/fast/text-autosizing/list-marker-numbered-with-autosizing-expected.html b/LayoutTests/fast/text-autosizing/list-marker-numbered-with-autosizing-expected.html
new file mode 100644
index 0000000000000000000000000000000000000000..505124964b0e565199838a4c267279352acad799
--- /dev/null
+++ b/LayoutTests/fast/text-autosizing/list-marker-numbered-with-autosizing-expected.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html style="font-size: 16px">
+<head>
+
+<meta name="viewport" content="width=800">
+<style>
+ body {
+ width: 800px;
+ margin: 0;
+ overflow-y: hidden;
+ }
+</style>
+
+</head>
+<body>
+
+<div style="font-size: 2.5rem">
+The below list items should be autosized to 40px computed font-size (16 * 800/320). Also the corresponding list markers should increase in size appropriately. The whole list is shifted to the right by 36px (24 (widest marker width) * (2.5-1) rounded) to compensate the scaling of list item numbers and make sure they don't get chopped off.
+</div>
+<ol style="-webkit-margin-start: 36px">
+<li style="font-size: 2.5rem">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+<li style="font-size: 2.5rem">plain text</li>
+<li style="font-size: 2.5rem"><a href='#'>hyperlinked</a></li>
+<li style="font-size: 2.5rem"><a href='#'>hyperlinked</a> example</li>
+<li style="font-size: 2.5rem"><em>emphasized</em></li>
+<li style="font-size: 2.5rem"><em>emphasized</em> example</li>
+<li style="font-size: 2.5rem"><b>bold</b></li>
+<li style="font-size: 2.5rem"><b>bold</b> example</li>
+<li style="font-size: 2.5rem"><i>italic</i></li>
+<li style="font-size: 2.5rem"><i>italic</i> example</li>
+<li style="font-size: 2.5rem"><del>strikethrough</del></li>
+<li style="font-size: 2.5rem"><del>strikethrough</del> example</li>
+</ol>
+
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698