hamburger seed

robotframework · Sep 21, 2020 · a4fafd8 · a4fafd8
1 parent ef20cfe
commit a4fafd8
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/robot/htmldata/libdoc/libdoc.css b/src/robot/htmldata/libdoc/libdoc.css
@@ -45,6 +45,12 @@ body {
     background: white;
 }
 
+.hamburger-menu {
+    display: none;
+    position: fixed;
+    z-index: 100;
+}
+
 @media only screen and (max-width: 640px) {
     .libdoc-overview {
         display: none;
@@ -60,6 +66,17 @@ body {
         margin-top: 82px;
         padding-left: 0.5rem;
     }
+
+    .hamburger-menu {
+        display: block;
+    }
+
+    .hamburger-menu:checked ~ .libdoc-overview {
+        display: block;
+        position: fixed;
+        height: 100vh;
+        width: 100vw;
+    }
 }
 
 .libdoc-title:hover {

diff --git a/src/robot/htmldata/libdoc/libdoc.html b/src/robot/htmldata/libdoc/libdoc.html
@@ -263,6 +263,7 @@ <h1>Opening library documentation failed</h1>
 
 <script type="text/x-jquery-tmpl" id="base-template">
   <div class="base-container">
+    <input class="hamburger-menu" type="checkbox" />
     <div class="libdoc-overview"><div id="shortcuts-container"></div></div>
     <div class="libdoc-details">
       <table class="metadata" id="library-documentation-top">