Commit before trying out scala-js-react

1 files changed, 21 insertions, 5 deletions

diff --git a/book/src/main/resources/css/side-menu.css b/book/src/main/resources/css/side-menu.css
index 8bded91..8a9e25e 100755
--- a/book/src/main/resources/css/side-menu.css
+++ b/book/src/main/resources/css/side-menu.css
@@ -25,13 +25,21 @@ Add transition to containers so they can push in and out.
 */
 #layout,
 #menu,
-.menu-link {
+.menu-link,{
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
 }
+.hide,
+.menu-item-list > li{
+    -webkit-transition: height 0.2s ease-out;
+    -moz-transition: height 0.2s ease-out;
+    -ms-transition: height 0.2s ease-out;
+    -o-transition: height 0.2s ease-out;
+    transition: height 0.2s ease-out;
+}
 
 /*
 This is the parent `<div>` that contains the menu and the content area.
@@ -302,11 +310,19 @@ code{
 .header-link{
     opacity: 0.05;
 }
-.hide{
-    display: none;
+.menu-item-list > li {
+    height: 43px;
+}
+.menu-item-list > li.hide{
+    height: 0px;
+    overflow: hidden;
+}
+#menu .menu-item-list > li.pure-menu-selected > a{
+    border-left: 2px solid white;
+}
+#menu .menu-item-list > li.lined > a{
+    border-left: 2px solid white;
 }
-
-
 /*Workaround for bug in highlight.js IDEA theme*/
 .hljs-tag, .hljs-symbol{
     background: none;