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

Unified Diff: LayoutTests/fast/overflow/line-clamp.html

Issue 26588002: Remove support for -webkit-line-clamp Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Base files missing... Created 7 years, 2 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/overflow/line-clamp.html
diff --git a/LayoutTests/fast/overflow/line-clamp.html b/LayoutTests/fast/overflow/line-clamp.html
deleted file mode 100644
index d16540dbb80cb08820917219840b47b0296fcf68..0000000000000000000000000000000000000000
--- a/LayoutTests/fast/overflow/line-clamp.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<html>
- <head>
- <style>
- div {
- display: -webkit-inline-box;
- width: 100px;
- -webkit-box-orient: vertical;
- overflow: hidden;
- border: solid thin grey;
- }
- </style>
- </head>
- <body>
- This tests the -webkit-line-clamp property<br><br>
- <div style="-webkit-line-clamp: 50%;">
- 50% truncation. This is an example of ellipsis-truncation of multi-line text.<a href="#">More</a>
- </div>
- <div style="-webkit-line-clamp: 0%;">
- 0% truncation. This does the most truncation possible, truncating to 1 line.<a href="#">More</a>
- </div>
- <div style="-webkit-line-clamp: 2;">
- 2 lines. This is an example of ellipsis-truncation of multi-line text.<a href="#">More</a>
- </div>
- <div style="-webkit-line-clamp: 0%; -webkit-line-clamp: 3;">
- Backwards compatible truncation. 3 lines on the latest version of WebKit. 1 line on older versions of WebKit.<a href="#">More</a>
- </div>
- <div style="-webkit-line-clamp: 30%;">
- 30% truncation. No link at the end. This is an example of ellipsis-truncation of multi-line text.
- </div>
- <div style="-webkit-line-clamp: 3">
- 3 lines. No link at the end. This is an example of ellipsis-truncation of multi-line text.
- </div>
- <div style="-webkit-line-clamp: 0;">
- 0 lines. This is an invalid value for -webkit-line-clamp.
- </div>
- <div style="-webkit-line-clamp: -1;">
- -1 lines. This is an invalid value for -webkit-line-clamp.
- </div>
- <div style="-webkit-line-clamp: -1%;">
- -1%. This is an invalid value for -webkit-line-clamp.
- </div>
- <div style="-webkit-line-clamp: 150%;">
- 150% truncation. This does the least truncation possible, truncating nothing.
- </div>
- </body>
-</html>

Powered by Google App Engine
This is Rietveld 408576698