docs: display changes

- Reduced size of the social menu and increased the size of the content
- Added scrollable property to the index menus
- Fixed code wrapping issue

Fixes #2103

Signed-off-by: Anagh Kumar Baranwal <anaghk.dos@gmail.com>
This commit is contained in:
Anagh Kumar Baranwal 2018-09-04 23:52:26 +05:30 committed by Nick Craig-Wood
parent 1b95ca2852
commit 0fb12112f5
11 changed files with 32 additions and 26 deletions

View file

@ -3,7 +3,7 @@
{{ template "chrome/navbar.html" . }}
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="col-md-10">
<div class="well well-sm">
<h3>{{ .Title }}<br> <small>{{ .Description }}</small></h3>
<hr>
@ -12,7 +12,7 @@
</div>
<!-- Sidebar -->
<div class="col-md-3">
<div class="col-md-2">
{{ template "chrome/menu.html" . }}
</div>
</div>

View file

@ -1,5 +1,5 @@
<div class="panel panel-default">
<div class="panel-heading" style="padding: 2px 15px;">
<div class="panel-heading" style="padding: 2px 10px;">
<h4>Share and Enjoy.</h4>
</div>
<div class="panel-body">

View file

@ -14,7 +14,7 @@
<li><a href="/downloads/"><i class="fa fa-cloud-download"></i> Downloads</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b> Docs</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu pre-scrollable">
<li><a href="/install/"><i class="fa fa-book"></i> Installation</a></li>
<li><a href="/docs/"><i class="fa fa-book"></i> Usage</a></li>
<li><a href="/filtering/"><i class="fa fa-book"></i> Filtering</a></li>
@ -30,7 +30,7 @@
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b> Commands</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu pre-scrollable">
<li><a href="/commands/rclone_config/"><i class="fa fa-book"></i> rclone config</a></li>
<li><a href="/commands/rclone_copy/"><i class="fa fa-book"></i> rclone copy</a></li>
<li><a href="/commands/rclone_sync/"><i class="fa fa-book"></i> rclone sync</a></li>
@ -52,7 +52,7 @@
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b> Storage Systems</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu pre-scrollable">
<li><a href="/overview/"><i class="fa fa-archive"></i> Overview</a></li>
<li><a href="/amazonclouddrive/"><i class="fa fa-amazon"></i> Amazon Drive</a></li>
<li><a href="/s3/"><i class="fa fa-amazon"></i> Amazon S3</a></li>

View file

@ -3,14 +3,14 @@
{{ template "chrome/navbar.html" . }}
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="col-md-10">
{{ range $key, $value := .Site.Taxonomies.groups.about.Pages }}
{{ $value.Content }}
{{ end }}
</div>
<!-- Sidebar -->
<div class="col-md-3">
<div class="col-md-2">
{{ template "chrome/menu.html" . }}
</div>
</div>

View file

@ -3,7 +3,7 @@
{{ template "chrome/navbar.html" . }}
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="col-md-10">
<div class="well well-sm">
<strong>Items in category <code>{{ .Title | lower }}</code></strong>
<ul class="list-unstyled">
@ -15,7 +15,7 @@
</div>
<!-- Sidebar -->
<div class="col-md-3">
<div class="col-md-2">
{{ template "chrome/menu.html" . }}
</div>
</div>

View file

@ -3,7 +3,7 @@
{{ template "chrome/navbar.html" . }}
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="col-md-10">
<div class="well well-sm">
<strong>Blog Post Archive</strong>
<ul class="list-unstyled">
@ -15,7 +15,7 @@
</div>
<!-- Sidebar -->
<div class="col-md-3">
<div class="col-md-2">
{{ template "chrome/menu.html" . }}
</div>
</div>

View file

@ -3,7 +3,7 @@
{{ template "chrome/navbar.html" . }}
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="col-md-10">
<div class="well well-sm">
<strong>Items with tag <code>{{ .Title | lower }}</code></strong>
<ul class="list-unstyled">
@ -15,7 +15,7 @@
</div>
<!-- Sidebar -->
<div class="col-md-3">
<div class="col-md-2">
{{ template "chrome/menu.html" . }}
</div>
</div>

View file

@ -3,12 +3,12 @@
{{ template "chrome/navbar.html" . }}
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="col-md-10">
{{ .Content }}
</div>
<!-- Sidebar -->
<div class="col-md-3">
<div class="col-md-2">
{{ template "chrome/menu.html" . }}
</div>
</div>

View file

@ -3,7 +3,7 @@
{{ template "chrome/navbar.html" . }}
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="col-md-10">
<div class="well well-sm">
<h3>{{ .Title }}<br> <small>{{ .Description }}</small></h3>
<hr>
@ -12,7 +12,7 @@
</div>
<!-- Sidebar -->
<div class="col-md-3">
<div class="col-md-2">
<div class="well well-sm"> <!-- Post-specific stats -->
<h4>{{ .Date.Format "January 2, 2006" }}<br>
<small>{{ .WordCount }} words</small></h4>

View file

@ -3,7 +3,7 @@
{{ template "chrome/navbar.html" . }}
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="col-md-10">
<div class="well well-sm">
<h3>{{ .Title }}<br> <small>{{ .Description }}</small></h3>
<hr>
@ -24,7 +24,7 @@
</div>
<!-- Sidebar -->
<div class="col-md-3">
<div class="col-md-2">
{{ template "chrome/menu.html" . }}
</div>
</div>

View file

@ -25,6 +25,12 @@ tbody tr:nth-child(odd) {
background-color:#d0d0ff
}
pre code {
/* Preserve whitespace. Wrap text only at line breaks. */
/* Avoids auto-wrapping the code lines. */
white-space: pre
}
/* Hover over links on headers */
.header-link {
position: absolute;