diff --git a/static/js/index.js b/static/js/index.js index 3c21087..245437d 100644 --- a/static/js/index.js +++ b/static/js/index.js @@ -104,7 +104,6 @@ var searchResultsPage = 1; $(window).keypress(function(key){ for(var hotkey in hotkeyActions){ var keyChar = String.fromCharCode(key.keyCode); - console.log(keyChar); if(keyChar == hotkey) hotkeyActions[keyChar](); } @@ -377,17 +376,16 @@ function queryServer(){ "q" : searchBar.value, "p" : searchResultsPage++ }); - console.log(queryUrl); - var result = $.getJSON(queryUrl, function(result){ - $.each(result, function(key, value){ - if(key == "error") - errorMessage(value); - else - console.log("Success."); - }); - }); - // return []; + var resultDivs = []; + $.getJSON(queryUrl, function(result){ + if("error" in result) + errorMessage(result["error"]); + else + for(var codelet = 0; codelet < result["results"].length; codelet++) + resultDivs.push(result["results"][codelet]); + }); + for(var result = 0; result < 20; result++){ var newDiv = createResult(testCodelet); resultDivs.push(newDiv) diff --git a/static/sass/_mixins.sass b/static/sass/_mixins.sass index 379fb2d..10dc4b9 100644 --- a/static/sass/_mixins.sass +++ b/static/sass/_mixins.sass @@ -10,6 +10,11 @@ -o-#{$property}: $value #{$property}: $value +// Add portable opacity style. +@mixin opaque($opacity) + @include vendor(opacity, $opacity) + filter: alpha(opacity=$opacity) + .t1 @include vendor(transition, all 0.1s ease-out) diff --git a/static/sass/index.sass b/static/sass/index.sass index c9eb314..f1a5cba 100644 --- a/static/sass/index.sass +++ b/static/sass/index.sass @@ -297,26 +297,28 @@ div#results color: orange div.result + @extend .t3 + width: $resultWidth height: 200px margin-bottom: 100% - @include vendor(transition, opacity 0.2s ease-in-out) - @include vendor(opacity, 0.7) - table border-collapse: collapse height: inherit tr + @extend .t3 + @include opaque(0.8) + height: inherit &.cascade @extend .t1 margin-bottom: 15% - &.display-all - @include vendor(opacity, 1.0) + &.display-all table tr + @include opaque(1.0) div#display-info font-size: 1.3em @@ -330,13 +332,13 @@ div#display-info text-transform: capitalize td#code + @include vendor(transition, width 0.2s ease-in-out) + width: $codeWidth height: inherit padding: 0px border: 1px solid #bbb - @include vendor(transition, width 0.2s ease-in-out) - #tablecontainer overflow: hidden width: 100%