Allow clicking through notifications

Author: twiss

index.html

@@ -305,7 +305,7 @@ <h1 id="fileName" class="no-zen"><span id="currentFileLocation" style="display:n
 <div data-click="tab" data-click-name="raw" data-l10n-id="raw" role="tab-button" data-tab-id="raw"></div>
 </div>
 </header>
-<div role="toolbar" id="edit-bar" class="top-bar hidden">
+<header role="toolbar" id="edit-bar" class="top-bar hidden">
 <div id="edit-zone">
 <ul>
 <li id="editorSaveButton"><button class="icon-content-save" data-click="saveFromEditor" data-l10n-title="save"></button></li>
@@ -372,7 +372,7 @@ <h1 id="fileName" class="no-zen"><span id="currentFileLocation" style="display:n
 <ul>
 </ul>
 </div>
-</div>
+</header>
 <div role="main" class="editor-container">
 <ul role="tabs" id="editTabs">
 <div role="tab" id="tab-design">

scripts/notifications.js

@@ -29,7 +29,7 @@ firetext.notify = function (message, title, time) {
 notification.appendChild(notificationBody);
 
 notificationContainer.appendChild(notification);
-document.body.appendChild(notificationContainer);
+document.querySelector('section.current').appendChild(notificationContainer);
 
 setTimeout(function(){
 notification.classList.add('notification-shown');
@@ -38,7 +38,7 @@ firetext.notify = function (message, title, time) {
 setTimeout(function(){
 notification.classList.remove('notification-shown');
 setTimeout(function(){
-document.body.removeChild(notificationContainer);
+notificationContainer.parentElement.removeChild(notificationContainer);
 },300);
 },time);
 }, 100);

style/desktop.css

@@ -392,7 +392,6 @@ section[role="status"] > div {
  transition: opacity 0.3s;
  position: static;
  display: inline-block;
- pointer-events: all;
 }
 
 section[role="status"] > div p {
@@ -402,3 +401,7 @@ section[role="status"] > div p {
 section[role="status"] > div.notification-shown {
 opacity: 1;
 }
+
+header:hover ~ section[role="status"] > div {
+ opacity: .5;
+}