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

Unified Diff: LayoutTests/fast/text-autosizing/list-marker-numbered-with-autosizing.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.html
diff --git a/LayoutTests/fast/text-autosizing/list-marker-numbered-with-autosizing.html b/LayoutTests/fast/text-autosizing/list-marker-numbered-with-autosizing.html
new file mode 100644
index 0000000000000000000000000000000000000000..ae662245ff1c170157bdd07688f75aaa67707cce
--- /dev/null
+++ b/LayoutTests/fast/text-autosizing/list-marker-numbered-with-autosizing.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html style="font-size: 16px">
+<head>
+
+<meta name="viewport" content="width=800">
+<style>
+ body {
+ width: 800px;
+ margin: 0;
+ overflow-y: hidden;
+ }
+</style>
+
+<script>
+if (window.internals) {
+ window.internals.settings.setTextAutosizingEnabled(true);
+ window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
+} else if (window.console && console.warn) {
+ console.warn("This test depends on the Text Autosizing setting being true, so run it in DumpRenderTree, or manually enable Text Autosizing, and either use a mobile device with 320px device-width (like Nexus S or iPhone), or define HACK_FORCE_TEXT_AUTOSIZING_ON_DESKTOP.");
+}
+</script>
+
+</head>
+<body>
+
+<div>
+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>
+<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+<li>plain text</li>
+<li><a href='#'>hyperlinked</a></li>
+<li><a href='#'>hyperlinked</a> example</li>
+<li><em>emphasized</em></li>
+<li><em>emphasized</em> example</li>
+<li><b>bold</b></li>
+<li><b>bold</b> example</li>
+<li><i>italic</i></li>
+<li><i>italic</i> example</li>
+<li><del>strikethrough</del></li>
+<li><del>strikethrough</del> example</li>
+</ol>
+
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698