Fix webkit.org content overflowing their content box
authorbenjamin@webkit.org <benjamin@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 9 Aug 2013 00:11:34 +0000 (00:11 +0000)
committerbenjamin@webkit.org <benjamin@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 9 Aug 2013 00:11:34 +0000 (00:11 +0000)
Patch by Benjamin Poulain <bpoulain@apple.com> on 2013-08-08
Rubberstamped by Simon Fraser.

More fixes to have webkit.org show properly on iPad and iPhone.

* blog/wp-content/themes/webkit/header.php:
Add the correct viewport width for the blog.

* building/debug.html:
* building/launch-debugger-vs2010-small.png: Added.
* building/set-debugging-properties-vs2010-small.png: Added.
Fix the images to make them fit in the page.

* coding/adding-features.html:
Using <pre> for the example of email just make it looks like our code examples.
Change the source to use <blockquote> so that the text can reflow to the content box.
* css/main.css:
(.code, pre, tt, code):
Scroll the content when it overflows the box for code and pre.

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

Websites/webkit.org/ChangeLog
Websites/webkit.org/blog/wp-content/themes/webkit/header.php
Websites/webkit.org/building/debug.html
Websites/webkit.org/building/launch-debugger-vs2010-small.png [new file with mode: 0644]
Websites/webkit.org/building/set-debugging-properties-vs2010-small.png [new file with mode: 0644]
Websites/webkit.org/coding/adding-features.html
Websites/webkit.org/css/main.css

index 14e7db16577bd51b49a6e4da6d3c8e4d5f9e4866..4a52f7d0d3e048ef6b24390a751b5798018a8b60 100644 (file)
@@ -1,3 +1,26 @@
+2013-08-08  Benjamin Poulain  <bpoulain@apple.com>
+
+        Fix webkit.org content overflowing their content box
+
+        Rubberstamped by Simon Fraser.
+
+        More fixes to have webkit.org show properly on iPad and iPhone.
+
+        * blog/wp-content/themes/webkit/header.php:
+        Add the correct viewport width for the blog.
+
+        * building/debug.html:
+        * building/launch-debugger-vs2010-small.png: Added.
+        * building/set-debugging-properties-vs2010-small.png: Added.
+        Fix the images to make them fit in the page.
+
+        * coding/adding-features.html:
+        Using <pre> for the example of email just make it looks like our code examples.
+        Change the source to use <blockquote> so that the text can reflow to the content box.
+        * css/main.css:
+        (.code, pre, tt, code):
+        Scroll the content when it overflows the box for code and pre.
+
 2013-08-08  Benjamin Poulain  <benjamin@webkit.org>
 
         Give a smaller viewport to webkit.org on devices
index 825bb99f912fe9a1ac652641b63049f2d814eeb3..8fd4387ef9edb1addef662798ead91109ff267bb 100644 (file)
@@ -3,6 +3,7 @@
 <head>
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
     <meta name="robots" content="noodp">
+    <meta name="viewport" content="width=860">
 
     <title><?php bloginfo('name'); if ( is_single() ) { ?> - Blog Archive <?php } else { ?> - The WebKit Blog <?php } wp_title(); ?></title>
 
index 4332bbb1bf9c6bc1e3a4c92248b403dbc3605790..aa8ca3170d95baabef3b996199d5c4eb2cc7b342 100644 (file)
@@ -37,11 +37,11 @@ Solution Explorer.</p>
 </li>
 <li><p>Launch the debugger</p>
 <p>Choose Debug > Start Debugging.</p>
-<img src="launch-debugger-vs2010.png">
+<a href="launch-debugger-vs2010.png"><img src="launch-debugger-vs2010-small.png"></a>
 <li><p>Alternatively, you can debug layout tests with DumpRenderTree</p>
 <p>Set DumpRenderTreeLauncher as your startup project, set the layout test as a command argument, and launch the debugger.</p>
 <p>In DumpRenderTreeLauncher's properties, go to Configuration Properties->Debugging and set the Command Arguments field to the full path of the layout test you want to debug, see below: </p>
-<img src="set-debugging-properties-vs2010.png">
+<a href="set-debugging-properties-vs2010.png"><img src="set-debugging-properties-vs2010-small.png"></a>
 </li>
 </ol>
 </div>
diff --git a/Websites/webkit.org/building/launch-debugger-vs2010-small.png b/Websites/webkit.org/building/launch-debugger-vs2010-small.png
new file mode 100644 (file)
index 0000000..db0eb07
Binary files /dev/null and b/Websites/webkit.org/building/launch-debugger-vs2010-small.png differ
diff --git a/Websites/webkit.org/building/set-debugging-properties-vs2010-small.png b/Websites/webkit.org/building/set-debugging-properties-vs2010-small.png
new file mode 100644 (file)
index 0000000..b82f86b
Binary files /dev/null and b/Websites/webkit.org/building/set-debugging-properties-vs2010-small.png differ
index 96bdf70f485144277448052eef902863367c30cb..05e770a3e53b1f4e7f33fe67c735728edc127e75 100644 (file)
 <ol>
 <li>All bugs which add features, are expected to be announced on webkit-dev.  Features impose a small cost on every contributor, and thus we attempt to notify every contributor of the addition of new features to the project.  An example announcement:
 
-<pre>
-To: webkit-dev@lists.webkit.org
-Subject: Adding ENABLE_SVG to WebCore
-
-Hi webkit-dev!  I wanted to let you know that I plan to add SVG support to WebKit.
-This support will be behind the ENABLE_SVG feature define. See:
-https://bugs.webkit.org/show_bug.cgi?id=3250
-
+<blockquote>
+To: webkit-dev@lists.webkit.org<br>
+Subject: Adding ENABLE_SVG to WebCore<br>
+<br>
+Hi webkit-dev!<br>
+<br>
+I wanted to let you know that I plan to add SVG support to WebKit.<br>
+This support will be behind the ENABLE_SVG feature define. See:<br>
+https://bugs.webkit.org/show_bug.cgi?id=3250<br>
+<br>
 We'll be setting up a buildbot to track then ENABLE_SVG build shortly. We expect
 this feature to be eventually enabled by all ports.  Looking forward to your comments.
-</pre>
+</blockquote>
 
 <li>All features/ports are expected to covered by a <a href="http://trac.webkit.org/wiki/BuildBot">buildbot</a> at <a href="build.webkit.org">build.webkit.org</a> within six months of their addition.  We want to encourage experimentation, but it's important to make sure we can maintain our experiments, buildbots allow us to do this.
 http://trac.webkit.org/wiki/BuildBot
index b410cdd48b93f2d0b3eed897bae66818168f888f..aafc07a5678ce9451d287c66ca85caf5e06d38f8 100644 (file)
@@ -194,6 +194,8 @@ dt {
 .code, pre, tt, code {
     font-family: Courier, Fixed;
     font-size: 110%;
+    overflow: scroll;
+    -webkit-overflow-scrolling: touch;
 }
 
 .code {