Add widescreen layout class for the Downloads page
authorjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 20 Feb 2018 16:37:21 +0000 (16:37 +0000)
committerjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 20 Feb 2018 16:37:21 +0000 (16:37 +0000)
https://bugs.webkit.org/show_bug.cgi?id=182948

Reviewed by Alexey Proskuryakov.

* wp-content/themes/webkit/downloads.php: Added .widescreen for full-width layout.

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

Websites/webkit.org/ChangeLog
Websites/webkit.org/wp-content/themes/webkit/downloads.php

index d8ec4c7..8844873 100644 (file)
@@ -1,3 +1,12 @@
+2018-02-20  Jon Davis  <jond@apple.com>
+
+        Add widescreen layout class for the Downloads page
+        https://bugs.webkit.org/show_bug.cgi?id=182948
+
+        Reviewed by Alexey Proskuryakov.
+
+        * wp-content/themes/webkit/downloads.php: Added .widescreen for full-width layout.
+
 2018-02-13  Jon Davis  <jond@apple.com>
 
         Added a redirect for /nightly to /downloads/.
index 5dd52f2..4a761a5 100644 (file)
@@ -4,15 +4,15 @@
  **/
 
 add_filter('the_content', function ($content) {
-        
+
     $build = get_nightly_build();
     $source = get_nightly_source();
-    
+
     if ( empty($build) || empty($source) )
         return $content;
-    
+
     $content = sprintf($content, $build[2], $source[2]);
-    
+
     return $content;
 });
 
@@ -35,12 +35,13 @@ add_filter('wp_head', function() { ?>
 .bodycopy > div {
     box-sizing: border-box;
     padding: 0 1.5rem 3rem;
-    width: 50%;
+    width: 49%;
     text-align: center;
-    float: left;
+    display: inline-block;
 }
 
-#preview {
+#preview,
+.bodycopy > .widescreen {
     float: none;
     width: 100%;
 }
@@ -80,11 +81,11 @@ get_header();
 
         <article class="page downloads">
             <h1><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></h1>
-            
+
             <div class="bodycopy">
                 <?php the_content(''); ?>
             </div>
-            
+
         </article>
 
     <?php endwhile; endif; ?>