[e] (0) minor stylistic changes

git-svn-id: http://svn.whatwg.org/webapps@4859 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Mar 23, 2010 · 426ebe3 · 426ebe3
1 parent 58d888e
commit 426ebe3
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 8 deletions.
diff --git a/complete.html b/complete.html
@@ -27,7 +27,7 @@
        currentAlert = document.createElement('div');
        currentAlert.id = 'alert';
        var x = document.createElement('button');
-       x.textContent = 'Close';
+       x.textContent = '\u2573';
        x.onclick = closeAlert2;
        currentAlert.appendChild(x);
        currentAlert.appendChild(document.createElement('span'));
@@ -51,14 +51,26 @@
      currentAlertTimeout = setTimeout(closeAlert, 10000);
    }
    function closeAlert() {
+     clearTimeout(currentAlertTimeout);
      currentAlert.className = 'closed';
      currentAlertTimeout = setTimeout(closeAlert2, 3000);
    }
    function closeAlert2() {
+     clearTimeout(currentAlertTimeout);
      currentAlert.parentNode.removeChild(currentAlert);
      currentAlert = null;
-     clearTimeout(currentAlertTimeout);
    }
+   window.addEventListener('keydown', function (event) {
+     if (event.keyCode == 27) {
+       if (currentAlert)
+         closeAlert2();
+     } else {
+       closeAlert();
+     }
+   }, false);
+   window.addEventListener('scroll', function (event) {
+     closeAlert();
+   }, false);
    function load(script) {
      var e = document.createElement('script');
      e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
@@ -82,7 +94,7 @@
    #reviewer.off > :not(:first-child) { display: none; }
    #alert { position: fixed; top: 20%; left: 20%; right: 20%; font-size: 2em; padding: 0.5em; z-index: 40; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 1em; -moz-border-radius: 1em; -webkit-transition: opacity 1s linear; }
    #alert.closed { opacity: 0; }
-   #alert button { position: absolute; bottom: 0.5em; right: 2em; border: solid white; color: white; font-size: 0.4em; background: transparent; }
+   #alert button { position: absolute; top: -1em; right: 2em; border-radius: 1em 1em 0 0; border: none; line-height: 0.9; color: white; background: rgb(64,64,64); font-size: 0.6em; font-weight: 900; cursor: pointer; }
    #alert :link, #alert :visited { color: white; }
    #alert :link:hover, #alert :visited:hover { background: transparent; }
    @media print { #configUI { display: none; } }
@@ -157,7 +169,7 @@
 
   <header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG src=/images/logo></a></p>
    <hgroup><h1>Web Applications 1.0</h1>
-    <h2 class="no-num no-toc">Draft Standard &mdash; 22 March 2010</h2>
+    <h2 class="no-num no-toc">Draft Standard &mdash; 23 March 2010</h2>
    </hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
    <p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
    <!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->

diff --git a/index b/index
@@ -27,7 +27,7 @@
        currentAlert = document.createElement('div');
        currentAlert.id = 'alert';
        var x = document.createElement('button');
-       x.textContent = 'Close';
+       x.textContent = '\u2573';
        x.onclick = closeAlert2;
        currentAlert.appendChild(x);
        currentAlert.appendChild(document.createElement('span'));
@@ -51,14 +51,26 @@
      currentAlertTimeout = setTimeout(closeAlert, 10000);
    }
    function closeAlert() {
+     clearTimeout(currentAlertTimeout);
      currentAlert.className = 'closed';
      currentAlertTimeout = setTimeout(closeAlert2, 3000);
    }
    function closeAlert2() {
+     clearTimeout(currentAlertTimeout);
      currentAlert.parentNode.removeChild(currentAlert);
      currentAlert = null;
-     clearTimeout(currentAlertTimeout);
    }
+   window.addEventListener('keydown', function (event) {
+     if (event.keyCode == 27) {
+       if (currentAlert)
+         closeAlert2();
+     } else {
+       closeAlert();
+     }
+   }, false);
+   window.addEventListener('scroll', function (event) {
+     closeAlert();
+   }, false);
    function load(script) {
      var e = document.createElement('script');
      e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script + '?' + encodeURIComponent(location) + '&' + encodeURIComponent(document.referrer));
@@ -82,7 +94,7 @@
    #reviewer.off > :not(:first-child) { display: none; }
    #alert { position: fixed; top: 20%; left: 20%; right: 20%; font-size: 2em; padding: 0.5em; z-index: 40; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 1em; -moz-border-radius: 1em; -webkit-transition: opacity 1s linear; }
    #alert.closed { opacity: 0; }
-   #alert button { position: absolute; bottom: 0.5em; right: 2em; border: solid white; color: white; font-size: 0.4em; background: transparent; }
+   #alert button { position: absolute; top: -1em; right: 2em; border-radius: 1em 1em 0 0; border: none; line-height: 0.9; color: white; background: rgb(64,64,64); font-size: 0.6em; font-weight: 900; cursor: pointer; }
    #alert :link, #alert :visited { color: white; }
    #alert :link:hover, #alert :visited:hover { background: transparent; }
    @media print { #configUI { display: none; } }
@@ -161,7 +173,7 @@
 
   <header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG src=/images/logo></a></p>
    <hgroup><h1>HTML5 (including next generation additions still in development)</h1>
-    <h2 class="no-num no-toc">Draft Standard &mdash; 22 March 2010</h2>
+    <h2 class="no-num no-toc">Draft Standard &mdash; 23 March 2010</h2>
    </hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
    <p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
    <!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->