From cc4781d9af3cb57c39a4ac26283f6428ad2aaa60 Mon Sep 17 00:00:00 2001 From: Li Haoyi Date: Wed, 26 Nov 2014 08:38:58 -0800 Subject: It works! With animations --- book/src/main/resources/css/side-menu.css | 20 ++++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) (limited to 'book') diff --git a/book/src/main/resources/css/side-menu.css b/book/src/main/resources/css/side-menu.css index cc23949..2a64f7f 100755 --- a/book/src/main/resources/css/side-menu.css +++ b/book/src/main/resources/css/side-menu.css @@ -302,13 +302,16 @@ code{ .header-link{ opacity: 0.05; } -.collapsed.menu-item-list li.hide > ul{ - opacity: 1; +#menu .menu-item-list .hide ul li > a{ + padding-top: 0px; + padding-bottom: 0px; +} +#menu .collapsed.menu-item-list li.hide > ul{ overflow: hidden; - height: 0px; } -.collapsed.menu-item-list .hide li > a{ +#menu .expanded.menu-item-list .hide li > a{ background: none; + color: #777; } #menu .menu-item-list li.selected{ @@ -318,6 +321,15 @@ code{ border-left: none; } +.menu-item-list ul, .menu-item-list a{ + -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; + overflow: hidden +} + /*Override stuff from pure =/ it's not doing what I want*/ .pure-menu li > ul{ position:relative; -- cgit v1.2.3