Docs style changes [ci skip]

ddnexus · Aug 23, 2019 · 9734ed6 · 9734ed6
1 parent fb8bcf4
commit 9734ed6
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 50 deletions.
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -58,38 +58,41 @@
   </style>
 
   <header>
-    <div id="site-header">
-
-      <h1 id="site-title">{{ site.title | default: site.github.repository_name }}
-        <span>
-          <a href="https://rubygems.org/gems/pagy"><img src="https://img.shields.io/gem/v/pagy.svg?label=gem&colorA=99004d&colorB=cc0066"/></a>
-        </span>
-        <span>
-          <a class="github-button" href="https://github.com/ddnexus/pagy" data-show-count="true" aria-label="Star ddnexus/pagy on GitHub">Star</a>
-        </span>
-      </h1>
-
-      <p>{{ site.description | default: site.github.project_tagline }}</p>
-    </div>
+    <div id="site-heade-group">
+
+      <div id="site-header">
+
+        <h1 id="site-title">{{ site.title | default: site.github.repository_name }}
+          <span>
+            <a href="https://rubygems.org/gems/pagy"><img src="https://img.shields.io/gem/v/pagy.svg?label=gem&colorA=99004d&colorB=cc0066"/></a>
+          </span>
+          <span>
+            <a class="github-button" href="https://github.com/ddnexus/pagy" data-show-count="true" aria-label="Star ddnexus/pagy on GitHub">Star</a>
+          </span>
+        </h1>
+
+        <p>{{ site.description | default: site.github.project_tagline }}</p>
+      </div>
+
+      <div id="search">
+        <script>
+          (function() {
+            var cx = '001168365143071728136:fwieoba6084';
+            var gcse = document.createElement('script');
+            gcse.type = 'text/javascript';
+            gcse.async = true;
+            gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
+            var s = document.getElementsByTagName('script')[0];
+            s.parentNode.insertBefore(gcse, s);
+          })();
+        </script>
+        <gcse:search></gcse:search>
+      </div>
+
+      <p><small>&copy; 2017-2019 <a href="{{ site.github.owner_url }}">Domizio Demichelis</a> &mdash; <a href="https://opensource.org/licenses/MIT">MIT License</a></small></p>
 
-    <div id="search">
-      <script>
-        (function() {
-          var cx = '001168365143071728136:fwieoba6084';
-          var gcse = document.createElement('script');
-          gcse.type = 'text/javascript';
-          gcse.async = true;
-          gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
-          var s = document.getElementsByTagName('script')[0];
-          s.parentNode.insertBefore(gcse, s);
-        })();
-      </script>
-      <gcse:search></gcse:search>
     </div>
 
-
-    <p><small>&copy; 2017-2019 <a href="{{ site.github.owner_url }}">Domizio Demichelis</a> &mdash; <a href="https://opensource.org/licenses/MIT">MIT License</a></small></p>
-
     <div id="toc">
       <a href="{{ site.baseurl }}/index"><p {% if page.title == 'Basic Concepts' %}id="active"{% endif %} >Basic Concepts</p></a>
       <a href="{{ site.baseurl }}/how-to"><p {% if page.title == 'How To' %}id="active"{% endif %} >How To</p></a>
@@ -117,12 +120,12 @@ <h1 id="site-title">{{ site.title | default: site.github.repository_name }}
       <a href="{{ site.baseurl }}/extras/support"><p class="indent1" {% if page.title == 'Support' %}id="active"{% endif %} >Support</p></a>
       <a href="{{ site.baseurl }}/extras/trim"><p class="indent1" {% if page.title == 'Trim' %}id="active"{% endif %} >Trim</p></a>
       <a href="{{ site.baseurl }}/extras/uikit"><p class="indent1" {% if page.title == 'UIkit' %}id="active"{% endif %} >UIkit</p></a>
-      <a href="{{ site.baseurl }}/migration-guide"><p {% if page.title == 'Migration Guide' %}id="active"{% endif %} >Migrating from WillPaginate/Kaminari</p></a>
-      <p id="gitter-support"><a href="https://gitter.im/ruby-pagy/Lobby" rel="nofollow" target="_blank">&gt; Chat Support on Gitter &lt;</a></p>
+      <a href="{{ site.baseurl }}/migration-guide"><p {% if page.title == 'Migration Guide' %}id="active"{% endif %} >Migrate WillPaginate/Kaminari</p></a>
     </div>
 
-  </header>
+    <a id="gitter" href="https://gitter.im/ruby-pagy/Lobby" rel="nofollow" target="_blank"><p>&#10145; Chat Support on Gitter &#10145;</p></a>
 
+  </header>
 
   <section>
     {{ content }}

diff --git a/docs/assets/css/style.scss b/docs/assets/css/style.scss
@@ -40,6 +40,7 @@ pre {
 }
 
 header {
+  height: 100%;
   h1#site-title {
     margin-bottom: .5rem;
   }
@@ -54,23 +55,48 @@ h1 span {
 }
 
 #toc {
-  margin: 1em 0;
+  height: calc(100% - 200px - 4em);
+  overflow: auto;
+  margin: 1.6em 0;
   white-space: nowrap;
   p {
-    margin: .06em 0;
+    margin: .1em 0;
   }
   p.indent1 {
     margin-left: 2rem;
   }
-  p#gitter-support {
+  p#active {
+    position: relative;
     font-weight: bold;
-    margin-top: 1em;
-    a:hover {
-      font-weight: bold;
+    display: inline-block;
+    &:after {
+      content: "\25B6";
+      position: relative;
+      left: .4rem;
     }
   }
 }
 
+ a#gitter {
+   &:hover {
+     text-decoration: none;
+   }
+   p {
+     border-radius: 3px;
+     font-weight: bold;
+     margin-top: .5em;
+     border: solid 1px #267CB9;
+     padding: 4px;
+     text-align: center;
+     background-color: #FFF;
+     &:hover {
+       background-color: #267CB9;
+       color: #FFF;
+     }
+
+   }
+}
+
 footer {
   bottom: 0;
 }
@@ -83,17 +109,6 @@ footer {
 
 }
 
-p#active {
-  position: relative;
-  font-weight: bold;
-  &:before {
-    content: "\25B6";
-    position: absolute;
-    left: -1rem;
-  }
-}
-
-
 .cse .gsc-control-cse,
 .gsc-control-cse {
   padding: 0 !important;

diff --git a/docs/migration-guide.md b/docs/migration-guide.md
@@ -1,7 +1,7 @@
 ---
 title: Migration Guide
 ---
-# Migrating from WillPaginate and Kaminari
+# Migrate WillPaginate and Kaminari
 
 This page tries to cover most of the standard changes you will need to make in order to to migrate from a legacy pagination, however, if the legacy pagination is higly customized you may need more digging into the Pagy documentation.