fix file.create: fix creating files and directories

fix files.list: fix single files showing in the middle of screen instead of top
feat files.style: introduce file hover color (feedback on touch)

build/main.js

@@ -29930,17 +29930,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'd
 
 var _actionsPick = require('actions/pick');
 
+var _actionsSettings = require('actions/settings');
+
+var _actionsSettings2 = _interopRequireDefault(_actionsSettings);
+
 var _store = require('store');
 
 var _store2 = _interopRequireDefault(_store);
 
+var FILTERS = ['image', 'audio', 'video'];
+
 navigator.mozSetMessageHandler('activity', function (request) {
   if (request.source.name === 'pick') {
     _store2['default'].dispatch((0, _actionsPick.enable)(request));
   }
 });
 
-},{"actions/pick":223,"store":"store"}],228:[function(require,module,exports){
+},{"actions/pick":223,"actions/settings":224,"store":"store"}],228:[function(require,module,exports){
 'use strict';
 
 Object.defineProperty(exports, '__esModule', {
@@ -31529,7 +31535,7 @@ exports['default'] = {
         var input = _react2['default'].findDOMNode(this.refs.input);
 
         var cwd = _store2['default'].getState().get('cwd');
-        var action = (0, _actionsFile.create)(cwd + input.value);
+        var action = (0, _actionsFile.create)(cwd + '/' + input.value);
         this.props.dispatch(action);
         this.props.dispatch((0, _actionsDialog.hideAll)());
         this.props.dispatch((0, _actionsFile.active)());
@@ -31540,7 +31546,7 @@ exports['default'] = {
         var input = _react2['default'].findDOMNode(this.refs.input);
 
         var cwd = _store2['default'].getState().get('cwd');
-        var action = (0, _actionsFile.create)(cwd + input.value, true);
+        var action = (0, _actionsFile.create)(cwd + '/' + input.value, true);
         this.props.dispatch(action);
         this.props.dispatch((0, _actionsDialog.hideAll)());
         this.props.dispatch((0, _actionsFile.active)());

build/manifest.webapp

@@ -41,9 +41,6 @@
     "pick": {
       "href": "./index.html",
       "disposition": "inline",
-      "filters": {
-        "type": "*"
-      },
       "returnValue": true
     }
   }

build/style.css

@@ -280,6 +280,10 @@ button.coming-soon::after {
 .list .directory i {
   margin-right: 1.4rem;
 }
+.list .file:active,
+.list .directory:active {
+  background: #f0f0f0;
+}
 .grid .file,
 .grid .directory {
   flex: 1 0 30%;
@@ -391,6 +395,9 @@ header button::before {
   color: #9b9b93;
   pointer-events: none;
 }
+.menu li:active {
+  background: #f0f0f0;
+}
 nav {
   display: flex;
   flex-flow: column;
@@ -495,12 +502,15 @@ nav i {
 .file-list {
   display: flex;
   flex-flow: row wrap;
-  justify-content: space-around;
   align-content: flex-start;
+  align-items: flex-start;
   height: calc(100vh - 14.5rem);
   overflow-x: hidden;
   overflow-y: auto;
 }
+.file-list.grid {
+  justify-content: space-around;
+}
 .dialog {
   display: flex;
   flex-flow: column;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hawk",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "",
   "main": "index.js",
   "repository": {

src/js/dialogs.js

@@ -16,7 +16,7 @@ export default {
           let input = React.findDOMNode(this.refs.input);
 
           let cwd = store.getState().get('cwd');
-          let action = create(cwd + input.value);
+          let action = create(cwd + '/' + input.value);
           this.props.dispatch(action);
           this.props.dispatch(hideAll());
           this.props.dispatch(active());
@@ -28,7 +28,7 @@ export default {
           let input = React.findDOMNode(this.refs.input);
 
           let cwd = store.getState().get('cwd');
-          let action = create(cwd + input.value, true);
+          let action = create(cwd + '/' + input.value, true);
           this.props.dispatch(action);
           this.props.dispatch(hideAll());
           this.props.dispatch(active());

src/less/components/entries.less

@@ -17,6 +17,10 @@
   i {
     margin-right: 1.4rem;
   }
+
+  &:active {
+    background: @gray;
+  }
 }
 
 .grid .file, .grid .directory {

src/less/components/file-list.less

@@ -2,11 +2,15 @@
   display: flex;
   flex-flow: row wrap;
 
-  justify-content: space-around;
   align-content: flex-start;
+  align-items: flex-start;
 
   height: ~'calc(100vh - 14.5rem)';
 
   overflow-x: hidden;
   overflow-y: auto;
+
+  &.grid {
+    justify-content: space-around;
+  }
 }

src/less/components/menu.less

@@ -45,5 +45,9 @@
 
       pointer-events: none;
     }
+
+    &:active {
+      background: @gray;
+    }
   }
 }

src/manifest.webapp

@@ -41,9 +41,6 @@
     "pick": {
       "href": "./index.html",
       "disposition": "inline",
-      "filters": {
-        "type": "*"
-      },
       "returnValue": true
     }
   }