Mercurial > hg-website
changeset 462:5ca151c7a4e6
frontpage: remove autowidth class, wrap words in quick start example
Right now this means that the first line (with the repo URL) will get
word-wrapped, and it doesn't look too good:
"""
$ hg clone
https://selenic.com/repo/hello
"""
The next patch will use a different URL for a different effect.
| author | Anton Shestakov <av6@dwimlabs.net> |
|---|---|
| date | Fri, 22 Jul 2016 18:42:51 +0800 |
| parents | 7b96d719f9a7 |
| children | 4ec689699207 |
| files | static/css/styles.css templates/frontpage.html |
| diffstat | 2 files changed, 7 insertions(+), 4 deletions(-) [+] |
line wrap: on
line diff
--- a/static/css/styles.css Thu Jul 14 22:18:36 2016 -0700 +++ b/static/css/styles.css Fri Jul 22 18:42:51 2016 +0800 @@ -96,7 +96,6 @@ .big { float: left; width: 470px; } .quote { float: right; width: 740px; text-align: right; margin-right: 25px; } .big h2 { margin-top: 20px; } -.autowidth { width: auto; margin-right: 0; margin-left: 0; } /* * Logo @@ -202,3 +201,7 @@ font-size: .90em; font-style: italic; } + +.wrap { + white-space: pre-wrap; +}
--- a/templates/frontpage.html Thu Jul 14 22:18:36 2016 -0700 +++ b/templates/frontpage.html Fri Jul 22 18:42:51 2016 +0800 @@ -35,11 +35,11 @@ </li> </ol> </div> - <div class="col autowidth"> + <div class="col"> <h3>Quick Start</h3> <p><em>Clone a project and push changes</em> -<pre>$ hg clone https://selenic.com/repo/hello +<pre class="wrap">$ hg clone https://selenic.com/repo/hello $ cd hello $ (edit files) $ hg add (new files) @@ -50,7 +50,7 @@ </p> <p><em>Create a project and commit</em> -<pre>$ hg init (project-directory) +<pre class="wrap">$ hg init (project-directory) $ cd (project-directory) $ (add some files) $ hg add