animate preview mode sidebar

2017-06-02 17:39:45 +02:00
parent 65233c2464
commit 77d4ffba86
3 changed files with 12 additions and 2 deletions
--- a/www/code/code.less
+++ b/www/code/code.less
@@ -16,10 +16,13 @@ body {
    max-height: 100%;
    min-height: auto;
 }
+
+@slideTime: 500ms;
 .CodeMirror {
    display: inline-block;
    height: 100%;
    width: 50%;
+    transition: width @slideTime, min-width @slideTime, max-width @slideTime;
    min-width: 20%;
    max-width: 80%;
    resize: horizontal;