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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/fast/inline-block/baseline-vertical.html

Issue 2523573003: Use logicalBottom when computing baselines in vertical-lr inline-blocks (Closed)
Patch Set: Platform baselines for the new layout test. Created 4 years 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
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/platform/linux/fast/backgrounds/background-leakage-transforms-expected.txt » ('j') | third_party/WebKit/Source/core/layout/LayoutBlockFlow.cpp » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/fast/inline-block/baseline-vertical.html
diff --git a/third_party/WebKit/LayoutTests/fast/inline-block/baseline-vertical.html b/third_party/WebKit/LayoutTests/fast/inline-block/baseline-vertical.html
new file mode 100644
index 0000000000000000000000000000000000000000..f7dd86b459c3ed140d64dbda5d04cce0a530c234
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/inline-block/baseline-vertical.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<style>
+.float {
+ float: left;
+ margin-right: 10px;
+}
+.container {
+ background: grey;
+ text-orientation: sideways;
+}
+.container :nth-child(1) { font-size:12px; }
+.container :nth-child(2) { font-size:20px; }
+.container :nth-child(3) { font-size:30px; }
+.container :nth-child(4) { font-size:40px; }
+.item {
+ display: inline-block;
+ border-width: 2px 5px 3px 4px;
+ border-style: solid;
+ padding: 6px 3px 7px 8px;
+ margin: 10px 6px 4px 12px;
+}
+.width200 { width: 200px; }
+.width125 { width: 125px; }
+.extraTopPadding { padding-top: 50px; }
+.extraBottomPadding { padding-bottom: 50px; }
+.extraLeftPadding { padding-left: 50px; }
+.extraRightPadding { padding-right: 50px; }
+.verticalLR { writing-mode: vertical-lr; }
+.verticalRL { writing-mode: vertical-rl; }
+.directionRTL { direction: rtl; }
+</style>
+
+<div class="float">
+ <p><b>VerticalLR</b> container<br>and <b>LTR</b>.</p>
+ <div class="container width125 verticalLR">
+ <div class="item">A</div><div class="item">A</div><div class="item">A</div><div class="item">A</div>
+ </div>
+</div>
+<div class="float">
+ <p><b>VerticalLR</b> container<br>and <b>RTL</b>.<br></p>
+ <div class="container width125 verticalLR directionRTL">
+ <div class="item directionRTL">A</div><div class="item directionRTL">A</div><div class="item directionRTL">A</div><div class="item directionRTL">A</div>
+ </div>
+</div>
+<div class="float">
+ <p><b>VerticalLR</b> container and <b>LTR</b> with<br>extraPadding on 1st and 3rd items.</p>
+ <div class="container width200 verticalLR">
+ <div class="item extraLeftPadding">A</div><div class="item">A</div><div class="item extraRightPadding">A</div><div class="item">A</div>
+ </div>
+</div>
+<div class="float">
+ <p><b>VerticalLR</b> container and <b>RTL</b> with<br>extraPadding on 1st and 3rd items.</p>
+ <div class="container width200 verticalLR directionRTL">
+ <div class="item directionRTL extraLeftPadding">A</div><div class="item directionRTL">A</div><div class="item directionRTL extraRightPadding">A</div><div class="item directionRTL">A</div>
+ </div>
+</div>
+<div class="float">
+ <p><b>VerticalRL</b> container<br>and <b>LTR</b>.</p>
+ <div class="container width125 verticalRL">
+ <div class="item">A</div><div class="item">A</div><div class="item">A</div><div class="item">A</div>
+ </div>
+</div>
+<div class="float">
+ <p><b>VerticalRL</b> container<br>and <b>RTL</b>.</p>
+ <div class="container width125 verticalRL directionRTL">
+ <div class="item directionRTL">A</div><div class="item directionRTL">A</div><div class="item directionRTL">A</div><div class="item directionRTL">A</div>
+ </div>
+</div>
+<div class="float">
+ <p><b>VerticalRL</b> container and <b>LTR</b> with<br>extraPadding on 1st and 3rd items.</p>
+ <div class="container width200 verticalRL">
+ <div class="item extraLeftPadding">A</div><div class="item">A</div><div class="item extraRightPadding">A</div><div class="item">A</div>
+ </div>
+</div>
+<div class="float">
+ <p><b>VerticalRL</b> container and <b>RTL</b> with<br>extraPadding on 1st and 3rd items.</p>
+ <div class="container width200 verticalRL directionRTL">
+ <div class="item directionRTL extraLeftPadding">A</div><div class="item directionRTL">A</div><div class="item directionRTL extraRightPadding">A</div><div class="item directionRTL">A</div>
+ </div>
+</div>
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/platform/linux/fast/backgrounds/background-leakage-transforms-expected.txt » ('j') | third_party/WebKit/Source/core/layout/LayoutBlockFlow.cpp » ('J')

Powered by Google App Engine
This is Rietveld 408576698