Fixed tile height for mobile phone-sized viewports.
authorjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 28 Jun 2016 22:12:52 +0000 (22:12 +0000)
committerjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 28 Jun 2016 22:12:52 +0000 (22:12 +0000)
https://bugs.webkit.org/show_bug.cgi?id=159228

Reviewed by Timothy Hatcher.

Prevents cutoff text for featured tiles and prevents overlapping text and controls on the Twitter tile for phone-sized viewports.

* wp-content/themes/webkit/style.css:
(.twitter-tile.text-only .tile-content):
(.tile):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@202593 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Websites/webkit.org/ChangeLog
Websites/webkit.org/wp-content/themes/webkit/style.css

index d75b4e4..e78c24d 100644 (file)
@@ -1,5 +1,18 @@
 2016-06-28  Jon Davis  <jond@apple.com>
 
+        Fixed tile height for mobile phone-sized viewports.
+        https://bugs.webkit.org/show_bug.cgi?id=159228
+
+        Reviewed by Timothy Hatcher.
+
+        Prevents cutoff text for featured tiles and prevents overlapping text and controls on the Twitter tile for phone-sized viewports.
+
+        * wp-content/themes/webkit/style.css:
+        (.twitter-tile.text-only .tile-content):
+        (.tile):
+
+2016-06-28  Jon Davis  <jond@apple.com>
+
         Fixed Open Graph meta data and image entries.
         https://bugs.webkit.org/show_bug.cgi?id=159167.
 
index 0f01d8f..418adce 100644 (file)
@@ -666,6 +666,7 @@ footer .menu {
     font-weight: 400;
     line-height: 3rem;
     align-self: center;
+    padding-bottom: 6rem;
 }
 
 .twitter-tile img {
@@ -1932,7 +1933,7 @@ header .menu-item { /* add bottom dimension to main menu items */
     }
 
     .tile {
-        min-height: auto;
+        min-height: 320px;
     }
 
     .third-tile,