to master (#12)

* Fix/chrome issues (#9)

* add ESLint to gulp and fix some eslint errors;

* fix chrome issues;

* bump version;

* add missing dutch translation and fix englisch tranlation issues;

* bump version;

* fix issue with placeholder; (#11)

Author: mat1th

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change log
 
+## Version 0.5.2
+
+Improvements
+- The placeholder text is now more transparent
+
+Bug fix
+- fix icons that are not loading
+
 ## Version 0.5.1
 
 Bug fix
@@ -13,22 +21,21 @@ Bug fix
 This release has several bug fixes.
 
 Improvements
-- get the urls from the background scirpt instead of a predefined var;
-- Remove scroll-to npm module;
+- get the urls from the background script instead of a predefined var;
+- Remove scroll-to NPM module;
 
 Bug fix
 Fix amount of bugs:
-- fix glitch on rezising page;
+- fix glitch on resizing page;
 - Create selection on click, that can be resized after click;
 - fix return key that will submit the whole page in set up;
 - position the commentbox on top when selecting a bug on the bottom of the website;
 - Fix the ESlint errors;
 
-
 ## Version 0.4
 
 Improvements:
-- Add abilaty to submit ticket to Mantis
+- Add ability to submit ticket to Mantis
 - Take a screenshot of the screen and submit it to Mantis
 
 Bug fixes:

README.md

@@ -1,6 +1,6 @@
 ![Layernotes](./readme/banner.png)
 
-v0.5.1 (beta)
+v0.5.2 (beta)
 
 # Layer Notes
 Layer Notes is a tool that you can use to easily create Tickets for the Bugtracker Mantis.

gulpfile.babel.js

@@ -22,7 +22,7 @@ var specific = JSON.parse(fs.readFileSync(`./config/${target}.json`));
 var context = Object.assign({}, generic, specific);
 
 var manifest = {
-  //Add this to the manifest file So the livereload scritpt is also enqluded in the development
+  //Add this to the manifest file So the livereload scritpt is also included in the development
   dev: {
     'background': {
       'scripts': [
@@ -268,6 +268,7 @@ function buildJS(target) {
   ];
 
   let tasks = files.map(file => {
+
     return browserify({
         entries: 'src/scripts/' + file.source,
         debug: !production

manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "__MSG_appName__",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "manifest_version": 2,
   "description": "__MSG_appDescription__",
   "shortName": "__MSG_appDescription__",

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "layer-notes",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Layernotes is a tool that you can use to easaly create Tickets for the Bugtracker Manits.",
   "scripts": {
     "chrome-build": "TARGET=chrome gulp",

package.json

@@ -345,7 +345,7 @@ class Setup extends Component {
           <div>
             <h1>{translate('setupStepTwoTitle')}</h1>
             <p>{translate('setupStepTwoBody')}</p>
-            <Input label={`${this.state.toolName} url`} helperText={translate('setupHelperTextUrl')} type="url" name="toolUrl" placeholder="https://bugtracker.uncinc.nl" value={this.state.toolUrl} onchange={this._handleStateChange}/>
+            <Input label={`${this.state.toolName} url`} helperText={translate('setupHelperTextUrl')} type="url" name="toolUrl" placeholder="https://bugs.example.com" value={this.state.toolUrl} onchange={this._handleStateChange}/>
             <Input label={'Username'} type="text" helperText={translate('setupHelperTextUserName')} name="accountUserName" placeholder="username" value={this.state.accountUserName} onchange={this._handleStateChange}/>
             <Input label={'Password'} type="password" helperText={translate('setupHelperTextPassword')} name="accountPassword" placeholder="Password" value={this.state.accountPassword} onchange={this._handleStateChange}/>
           </div>

src/scripts/components/setup/index.js

@@ -10,15 +10,12 @@
   top: 0;
   width: 100%;
   z-index: 99999999999;
-
   // ::-moz-selection {
   //   background: $font-color-dark;
   //   color: $font-color;
   // }
-
   ::selection {
     background: $font-color-dark;
     color: $font-color;
   }
-
 }

src/styles/main.scss

@@ -12,7 +12,7 @@ $secondary-color-dark: #c92424;
 $font-color: #fff;
 $font-color-hover: #dfdfdf;
 $font-color-dark: #000;
-$font-color-dark-semitransparant: rgba(0, 0, 0, .42);
+$font-color-dark-semitransparant: rgba(0, 0, 0, .32);
 $font-color-semitransparant: rgba(255, 255, 255, .38);
 $color-transparant: rgba(255, 255, 255, 0);