Make all markdown content render at 700px

Fixes #1522 Also add test content to validate 80-char code blocks
dart-lang · Oct 18, 2017 · 7ce76ae · 7ce76ae
1 parent 41ca816
commit 7ce76ae
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 8 deletions.
diff --git a/lib/resources/styles.css b/lib/resources/styles.css
@@ -79,10 +79,6 @@ main {
   padding: 20px 15px 0 30px;
 }
 
-.main-content p {
-  max-width: 700px;
-}
-
 .sidebar,
 .main-content {
   margin: 20px 0;
@@ -416,6 +412,10 @@ footer a, footer a:hover {
   color: #fff;
 }
 
+.markdown.desc {
+  max-width: 700px;
+}
+
 .markdown h1 {
   font-size: 24px;
   margin-bottom: 8px;

diff --git a/testing/test_package/README.md b/testing/test_package/README.md
@@ -14,6 +14,11 @@ It also has some awesome code
 void main() {
   // in Dart!
 }
+
+/*
+80-characters: to ensure default styles accommodate Dart line length convention.
+01234567890123456789012345678901234567890123456789012345678901234567890123456789
+*/
 ```
 
 ```yaml

diff --git a/testing/test_package_docs/index.html b/testing/test_package_docs/index.html
@@ -60,6 +60,11 @@ <h1>Best Package</h1>
 <pre class="language-dart"><code class="language-dart">void main() {
   // in Dart!
 }
+
+/*
+80-characters: to ensure default styles accommodate Dart line length convention.
+01234567890123456789012345678901234567890123456789012345678901234567890123456789
+*/
 </code></pre>
 <pre class="language-yaml"><code class="language-yaml">and_yaml:
   - value

diff --git a/testing/test_package_docs/static-assets/styles.css b/testing/test_package_docs/static-assets/styles.css
@@ -79,10 +79,6 @@ main {
   padding: 20px 15px 0 30px;
 }
 
-.main-content p {
-  max-width: 700px;
-}
-
 .sidebar,
 .main-content {
   margin: 20px 0;
@@ -416,6 +412,10 @@ footer a, footer a:hover {
   color: #fff;
 }
 
+.markdown.desc {
+  max-width: 700px;
+}
+
 .markdown h1 {
   font-size: 24px;
   margin-bottom: 8px;