Fix a few small bugs with gestures

Author: Joshua Smith

index.html

@@ -107,29 +107,15 @@ <h2>Other</h2>
   </section>
 
   <section role="region" id="welcome" 
-  	data-swipe-right="sidebar" data-swipe-right-id="welcome" data-swipe-right-state="open" 
-  	data-swipe-left="sidebar" data-swipe-left-id="welcome" data-swipe-left-state="close">
+  	data-swipe-right="sidebar" data-swipe-right-id="welcome" data-swipe-right-state="open" data-swipe-right-only="current" 
+  	data-swipe-left="sidebar" data-swipe-left-id="welcome" data-swipe-left-state="close" data-swipe-left-only="current">
     <header>
       <button data-click="sidebar" data-click-id="welcome" class="drawerEnabled"><span class="icon icon-menu"></span></button>
       <menu type="toolbar">
         <button data-click="nav" data-click-location="add"><span class="icon icon-create"></span></button>
       </menu>
       <h1 class="firetext icon-">firetext</h1>
     </header>
-    <div role="edit" data-type="edit" id="welcome-edit-mode">
-      <section>
-        <header>
-          <menu type="toolbar">
-            <button data-click="editDocs">Done</button>
-          </menu>
-          <h1>Edit docs</h1>
-        </header>
-      </section>
-      <menu id="selectButtons">
-        <button data-click="selectAll">Select all</button>
-        <button data-click="delete" class="danger">Delete selected</button>
-      </menu>
-    </div>
     <div role="main" class="header-only">
       <article data-type="list" class="docsList" id="welcome-docs-list">
         <div id="welcome-recents-area">
@@ -148,6 +134,21 @@ <h2>Documents on Dropbox</h2>
     </div>
   </section>
 
+  <div role="edit" data-type="edit" id="welcome-edit-mode">
+    <section>
+      <header>
+        <menu type="toolbar">
+          <button data-click="editDocs">Done</button>
+        </menu>
+        <h1>Edit docs</h1>
+      </header>
+    </section>
+    <menu id="selectButtons">
+      <button data-click="selectAll">Select all</button>
+      <button data-click="delete" class="danger">Delete selected</button>
+    </menu>
+  </div>
+  
   <section role="dialog" id="add">
     <header>
       <button data-click="navBack"><span class="icon icon-back"></span></button>

scripts/firetext.js

@@ -929,6 +929,14 @@ function processActions(eventAttribute, target) {
         }
       }
     }
+    
+    // Check to see if it has the right class
+    if (target.getAttribute(eventAttribute+'-only')) {
+      if (!target.classList.contains(target.getAttribute(eventAttribute+'-only'))) {
+        return;
+      }
+    }
+    
     var calledFunction = target.getAttribute(eventAttribute);
     if (calledFunction == 'loadToEditor') {
       loadToEditor(target.getAttribute(eventAttribute + '-directory'), target.getAttribute(eventAttribute + '-filename'), target.getAttribute(eventAttribute + '-filetype'), target.getAttribute(eventAttribute + '-location'));

style/night.css

@@ -71,14 +71,15 @@
 
 /* Input areas */
 .night fieldset {
-  background: #2c2c2c;
+  background-color: #2c2c2c;
   color: #dfdfdf;
   border-color: transparent;
 }
 
 .night fieldset input,
 .night fieldset select {
   color: #dfdfdf;
+  background-color: #2c2c2c;
 }
 
 .night fieldset legend.action:after {