jekyll-readthedocs 0.3.1 → 0.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2d95ae1c87b1ed96f23b69389de879a059457d2290943858a895f0fef65c7551
-  data.tar.gz: 24099875bab1a00bbc2db6e351d0de8587db4c712e6e98ebcd42d1d6d665a3b8
+  metadata.gz: 30f994066a2aec8d7a30a6a54294d3b229a9d86ab06d26f91af11cb73a0102e7
+  data.tar.gz: dc5f20b3192831e0617384ebd8ba741596aa2fef3f28e9c60ddf45defcc2ae43
 SHA512:
-  metadata.gz: 3317e0bcae3c6f7e8812436c3465916c36dfd86907d1936ba867f41ddb3966115f43f578050577bad3ee01de32c92cf87612aa759d8322ce94b9bfaf423208a1
-  data.tar.gz: 12b8b1bf95f03488d77cb41762fcbb993c267b4feeff9f8f60bd1d6cd12787678b6afce54675ae305db3ddb690a975d52687ca7576ffb2485b7e534d800ca0d9
+  metadata.gz: 208bf423bff6e525981902610daafe0d4ee8a8c0d3ca774dbcff6216b54e9af92d8cbcfc192cd8506c83c7e0687bf1a82e6666bc00aaef894c069a21e7463b28
+  data.tar.gz: 1970e0c4683ccf3559928c4e5b90c2ed3916b3866ea34ad42db4f122fc2737399d3467d17bd242056b181e625d0337e2af324ab8835a5e79f5a1a98a5d76ac10

data/_includes/sidebar.html

@@ -1,12 +1,7 @@
 <div class="site-sidebar">
-  <div class="no-scroll-bar">
 
     <a class="sidebar-title" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
 
-    <form method="get" action="{{ site.baseurl }}/search.html">
-      <input type="text" name="q" placeholder="Search blog">
-    </form>
-
     {% assign default_paths = site.pages | map: "path" %}
     {% assign page_paths = site.header_pages | default: default_paths %}
     <!-- {% if page_paths %} -->
@@ -22,6 +17,10 @@
         </span>
       </label>
 
+      <form class="trigger" method="get" action="{{ site.baseurl }}/search.html">
+        <input type="text" name="q" placeholder="Search blog">
+      </form>
+
       <ul id="page-list" class="trigger sidebar-list">
         {% for path in page_paths %}
           {% assign my_page = site.pages | where: "path", path | first %}
@@ -45,5 +44,4 @@
       {% endif %}
     </nav>
 
-  </div>
 </div>

data/_sass/minima/_layout.scss

@@ -30,84 +30,6 @@
   }
 }
 
-.site-nav {
-  float: right;
-  line-height: $base-line-height * $base-font-size * 2.25;
-
-  .nav-trigger {
-    display: none;
-  }
-
-  .menu-icon {
-    display: none;
-  }
-
-  .page-link {
-    color: $text-color;
-    line-height: $base-line-height;
-
-    // Gaps between nav items, but not on the last one
-    &:not(:last-child) {
-      margin-right: 20px;
-    }
-  }
-
-  @include media-query($on-palm) {
-    position: absolute;
-    top: 9px;
-    right: 0;
-    background-color: #171A2F;
-    // border: 1px solid $grey-color-light;
-    // border-radius: 5px;
-    text-align: right;
-
-    label[for="nav-trigger"] {
-      display: block;
-      float: right;
-      width: 36px;
-      height: 36px;
-      z-index: 2;
-      cursor: pointer;
-    }
-
-    .menu-icon {
-      display: block;
-      float: right;
-      width: 36px;
-      height: 26px;
-      line-height: 0;
-      padding-top: 10px;
-      text-align: center;
-
-      > svg path {
-        fill: $grey-color-dark;
-      }
-    }
-
-    input ~ .trigger {
-      clear: both;
-      display: none;
-    }
-
-    input:checked ~ .trigger {
-      display: block;
-      padding-bottom: 5px;
-    }
-
-    .page-link {
-      display: block;
-      padding: 5px 10px;
-
-      &:not(:last-child) {
-        margin-right: 0;
-      }
-      margin-left: 20px;
-    }
-  }
-}
-
-
-
 /**
  * Site footer
  */
@@ -287,28 +209,100 @@
   }
 }
 
+
+
 .site-sidebar {
-  z-index: 1000;
+  z-index: 200;
   height: 100%;
   width: 300px;
   position: fixed;
   background-color: #171A2F;
   overflow-x: hidden;
-  overflow-y: hidden;
+  overflow-y: scroll;
 
   @include media-query($on-palm) {
-    height: 50px;
-    width: 100%;
     position: absolute;
     top: 0;
+    width: 100%;
+    height: auto;
+    line-height: $base-line-height * $base-font-size * 0.6;
+
+    input:checked {
+      height: auto;
+      max-height: none;
+    }
   }
 
-  .no-scroll-bar {
-    width: 320px;
-    padding-right: 20px;
-    overflow-x: hidden;
-    overflow-y: scroll;
+  .site-nav {
+    background-color: #171A2F;
+
+    width: 100%;
     height: 100%;
+
+    .nav-trigger {
+      display: none;
+    }
+
+    .menu-icon {
+      display: none;
+    }
+
+    .page-link {
+      color: $text-color;
+      line-height: $base-line-height;
+
+      // Gaps between nav items, but not on the last one
+      &:not(:last-child) {
+        margin-right: 20px;
+      }
+    }
+
+    @include media-query($on-palm) {
+      background-color: #171A2F;
+
+      label[for="nav-trigger"] {
+        position: absolute;
+        top: 9px;
+        right: 0;
+        width: 36px;
+        height: 36px;
+        cursor: pointer;
+      }
+
+      .menu-icon {
+        display: block;
+        float: right;
+        width: 36px;
+        height: 26px;
+        line-height: 0;
+        padding-top: 10px;
+        text-align: center;
+
+        > svg path {
+          fill: $grey-color-dark;
+        }
+      }
+
+      input ~ .trigger {
+        clear: both;
+        display: none;
+      }
+
+      input:checked ~ .trigger {
+        display: block;
+        padding-bottom: 5px;
+      }
+
+      .page-link {
+        display: block;
+        padding: 5px 10px;
+
+        &:not(:last-child) {
+          margin-right: 0;
+        }
+        margin-left: 20px;
+      }
+    }
   }
 
   .sidebar-title {
@@ -330,6 +324,7 @@
   }
 
   .sidebar-list {
+    z-index: 300px;
     margin-top: 20px;
     list-style: none;
     margin-left: 0;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-readthedocs
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.3.2
 platform: ruby
 authors:
 - Timothée Mazzucotelli
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-11-27 00:00:00.000000000 Z
+date: 2018-11-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll