Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Automatically hide the info footer bar and adding experimental (i.e. …

…just whacked it in and didn't test the crap out of it) support for shift+up/down for chrome/webkit. Closes #22
  • Loading branch information...
commit bfff1672d1fd8a22680084b97e0a79499d7c479a 1 parent 1d43335
@remy remy authored
Showing with 52 additions and 3 deletions.
  1. +46 −1 console.css
  2. +5 −1 console.js
  3. +1 −1  index.html
View
47 console.css
@@ -87,10 +87,15 @@ form { position: fixed; top: 0; width: 100%; z-index: 2; }
#exec .suggest { color: #999; }
/* large command input */
-body.large #console { top: 0; bottom: 35px; margin-bottom: 0; right: 400px; width: auto; position: absolute; }
+body.large #console { top: 0; padding-top: 0; bottom: 0; margin-bottom: 0; right: 400px; width: auto; position: absolute; }
body.large form { right: 0; width: 391px; bottom: 0; background: none; border: 0; }
body.large #exec { position: absolute; width: 390px; border-bottom: 0; top: 0; bottom: 0; height: 100%; z-index: 10; background: #E6E8F2; color: #000; -webkit-box-shadow: none; border-left: 1px solid #AAABB8; left: auto; padding: 5px; }
+/* with footer - which I've removed temporarily */
+/* body.large #console {
+ bottom: 35px;
+} */
+
/* syntax highlighting */
/** Pretty printing styles. Used with prettify.js. */
@@ -107,6 +112,46 @@ body.large #exec { position: absolute; width: 390px; border-bottom: 0; top: 0; b
.dec { color: #606; }
.error span { color: #E81D20;}
+/* hide the footer after a short amount of time */
+#footer {
+ transition: opacity 200ms ease-out;
+ -webkit-transition: opacity 200ms ease-out;
+ -moz-transition: opacity 200ms ease-out;
+ -o-transition: opacity 200ms ease-out;
+ -ms-transition: opacity 200ms ease-out;
+ opacity: 1;
+}
+
+#footer.hidden {
+ opacity: 0;
+}
+
+#footer:hover {
+ opacity: 1;
+}
+/*#footer {
+ -webkit-animation-name: hidefooter;
+ -webkit-animation-duration: 200ms;
+ -webkit-animation-delay: 1s;
+ -webkit-animation-iteration-count: 1;
+ -webkit-animation-fill-mode: none;
+ -webkit-transition: opacity 200ms ease-out;
+ opacity: 1;
+}
+
+#footer:hover {
+ opacity: 1 !important;
+}
+
+@-webkit-keyframes hidefooter {
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+*/
/* difference display types */
/* iPhone type display */
View
6 console.js
@@ -220,7 +220,7 @@ function appendLog(el, echo) {
}
function changeView(event){
- if (enableCC) return;
+ if (false && enableCC) return;
var which = event.which || event.keyCode;
if (which == 38 && event.shiftKey == true) {
@@ -903,6 +903,10 @@ setTimeout(function () {
window.scrollTo(0, 1);
}, 500);
+setTimeout(function () {
+ document.getElementById('footer').className = 'hidden';
+}, 5000);
+
getProps('window'); // cache
if (document.addEventListener) document.addEventListener('deviceready', function () {
View
2  index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>JavaScript console - for debugging JavaScript and remote debugging mobile web apps</title>
-<meta id="meta" name="viewport" content="width=device-width; user-scalable=no; initial-scale=1.0" />
+<!-- <meta id="meta" name="viewport" content="width=device-width; user-scalable=no; initial-scale=1.0" /> -->
<!--
Hey there fellow JavaScript lover - I assume you've got a soft spot
Please sign in to comment.
Something went wrong with that request. Please try again.