Changed sidebar position to absolute to fix repaints with buttons

material/base.html

@@ -32,7 +32,7 @@
       <script src="{{ base_url }}/assets/javascripts/modernizr-56ade86843.js"></script>
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-646a8e0c44.css">
+      <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-2193a9b229.css">
       {% if config.extra.palette %}
         <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-892b79c5c5.palette.css">
       {% endif %}

mkdocs.yml

@@ -27,7 +27,7 @@ site_url: http://squidfunk.github.io/mkdocs-material/
 # Repository
 repo_name: squidfunk/mkdocs-material
 repo_url: https://github.com/squidfunk/mkdocs-material
-#edit_uri: tree/master/docs
+edit_uri: tree/master/docs
 
 # Copyright
 copyright: 'Copyright © 2016 - 2017 Martin Donath'
@@ -37,8 +37,8 @@ theme_dir: material
 
 # Options
 extra:
-  # feature:
-  #   tabs: true
+  feature:
+    tabs: true
   palette:
     primary: indigo
     accent: indigo

src/assets/stylesheets/_shame.scss

@@ -23,10 +23,3 @@
 // ----------------------------------------------------------------------------
 // Nothing to see here, move along
 // ----------------------------------------------------------------------------
-
-html .md-sidebar--secondary {
-  // float: initial;
-  // //margin-left: 122rem;
-  // right: 0;
-  // position: absolute;
-}

src/assets/stylesheets/layout/_content.scss

@@ -88,9 +88,9 @@
       display: block;
       position: absolute;
       top: -0.4rem;
-      right: -0.4rem;
+      right: -0.5rem;
       height: 4.8rem;
-      border-right: 0.1rem solid $md-color-black--lighter;
+      border-right: 0.2rem solid $md-color-black--lighter;
       content: "";
     }
   }

src/assets/stylesheets/layout/_sidebar.scss

@@ -26,10 +26,9 @@
 
 // Sidebar container
 .md-sidebar {
-  position: relative;
+  position: absolute;
   width: 24.2rem;
   padding: 2.4rem 0;
-  float: left;
   overflow: hidden;
 
   // Hide for print
@@ -91,18 +90,13 @@
     // [tablet landscape +]: Show table of contents next to body copy
     @include break-from-device(tablet landscape) {
       display: block;
-      float: right;
+      margin-left: 100%;
+      transform: translate(-100%, 0);
+    }
 
-      // Hack: align right in case of locked sidebar
-      &[data-md-state="lock"] {
-        margin-left: 100%;
-        transform: translate(-100%, 0);
-
-        // [screen +]: Limit to grid
-        @include break-from-device(screen) {
-          margin-left: 122rem;
-        }
-      }
+    // [screen +]: Limit to grid
+    @include break-from-device(screen) {
+      margin-left: 122rem;
     }
   }