fixed style for editor and added first css files

.vscode/tasks.json

@@ -0,0 +1,11 @@
+{
+
+  "version": "2.0.0",
+
+  "command": "gulp",
+
+  "type": "shell",
+
+  "problemMatchers": []
+
+}

gulpfile.js

@@ -0,0 +1,18 @@
+var gulp = require('gulp');
+var less = require('gulp-less');
+
+gulp.task('less', function (cb) {
+  gulp
+    .src('less/l5r4.less')
+    .pipe(less())
+    .pipe(gulp.dest("./"));
+  cb();
+});
+
+gulp.task(
+  'default',
+  gulp.series('less', function (cb) {
+    gulp.watch('less/*.less', gulp.series('less'));
+    cb();
+  })
+);

l5r4.css

@@ -0,0 +1,12 @@
+.l5r4.sheet.item form {
+  display: flex;
+  flex-direction: column;
+}
+.l5r4.sheet.item .sheet-content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.l5r4.sheet.item .sheet-content .editor {
+  height: 100%;
+}

less/item-sheet.css

@@ -0,0 +1,12 @@
+.l5r4.sheet.item form {
+  display: flex;
+  flex-direction: column;
+}
+.l5r4.sheet.item .sheet-content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.l5r4.sheet.item .sheet-content .editor {
+  height: 100%;
+}

less/item-sheet.less

@@ -0,0 +1,14 @@
+.l5r4.sheet.item {
+  form {
+    display: flex;
+    flex-direction: column;
+  }
+  .sheet-content {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    .editor{
+      height: 100%;
+    }
+  }
+}

less/l5r4.less

@@ -0,0 +1 @@
+@import "./item-sheet.less";

module/sheets/L5R4ItemSheet.js

@@ -1,4 +1,13 @@
 export default class L5R4ItemSheet extends ItemSheet {
+
+  static get defaultOptions() {
+    return mergeObject(super.defaultOptions, {
+      width: 530,
+      height: 340,
+      classes: ["l5r4", "sheet", "item"]
+    });
+  }
+
   get template() {
     return `systems/l5r4/templates/sheets/${this.item.data.type}-sheet.hbs`;
   }

templates/sheets/spell-sheet.hbs

@@ -4,40 +4,40 @@
   <h1><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
   </header>
   <div>
-  <table>
-    <tr>
-      <th>{{localize "l5r4.spell.mastery"}}</th>
-      <th>{{localize "l5r4.spell.range"}}</th>
-      <th>{{localize "l5r4.spell.aoe"}}</th>
-      <th>{{localize "l5r4.spell.duration"}}</th>
-      <th>{{localize "l5r4.spell.raises"}}</th>
-    </tr>
-    <tr>
-    <select name="data.ring">
-      <option selected disabled>{{localize "l5r4.spell.ring"}}</option>
-      {{#select data.ring}}
-      {{#each config.rings as |name type|}}
-      <option value="{{type}}">{{localize name}}</option>
-      {{/each}}
-      {{/select}}
-    </select>
-    </tr>
-    <td>
-      <input name="data.mastery" type="text" value="{{data.mastery}}" data-type="Number" />
-    </td>
-    <td>
-      <input name="data.range" type="text" value="{{data.range}}" data-type="String" />
-    </td>
-    <td>
-      <input name="data.aoe" type="text" value="{{data.aoe}}" data-type="String" />
-    </td>
-    <td>
-      <input name="data.duration" type="text" value="{{data.duration}}" data-type="String" />
-    </td>
-    <td>
-      <input name="data.raises" type="text" value="{{data.raises}}" data-type="String" />
-    </td>
-  </table>
-  <textarea name="data.description">{{data.description}}</textarea>
+    <table>
+      <tr>
+        <th>{{localize "l5r4.spell.mastery"}}</th>
+        <th>{{localize "l5r4.spell.range"}}</th>
+        <th>{{localize "l5r4.spell.aoe"}}</th>
+        <th>{{localize "l5r4.spell.duration"}}</th>
+        <th>{{localize "l5r4.spell.raises"}}</th>
+      </tr>
+      <tr>
+      <select name="data.ring">
+        <option selected disabled>{{localize "l5r4.spell.ring"}}</option>
+        {{#select data.ring}}
+        {{#each config.rings as |name type|}}
+        <option value="{{type}}">{{localize name}}</option>
+        {{/each}}
+        {{/select}}
+      </select>
+      </tr>
+      <td>
+        <input name="data.mastery" type="text" value="{{data.mastery}}" data-type="Number" />
+      </td>
+      <td>
+        <input name="data.range" type="text" value="{{data.range}}" data-type="String" />
+      </td>
+      <td>
+        <input name="data.aoe" type="text" value="{{data.aoe}}" data-type="String" />
+      </td>
+      <td>
+        <input name="data.duration" type="text" value="{{data.duration}}" data-type="String" />
+      </td>
+      <td>
+        <input name="data.raises" type="text" value="{{data.raises}}" data-type="String" />
+      </td>
+    </table>
+    <textarea name="data.description">{{data.description}}</textarea>
   </div>
 </form>

templates/sheets/weapon-sheet.hbs

@@ -3,7 +3,7 @@
   <img src="{{item.img}}" data-edit="img" title="{{item.name}}" height="64" width="64"/>
   <h1><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
   </header>
-  <div>
+  <div class="sheet-content">
   <table>
     <tr>
     <th>{{localize "l5r4.weapon.size"}}</th>
@@ -20,15 +20,15 @@
       </select>
     </tr>
     <td>
-    <input name="data.damageRoll" type="text" value="{{data.damageRoll}}" data-type="Number" />
+    <input name="data.size" type="text" value="{{data.size}}" />
     </td>
     <td>
-    <input name="data.damageKeep" type="text" value="{{data.damageKeep}}" data-type="Number" />
+    <input name="data.damageRoll" type="text" value="{{data.damageRoll}}" data-type="Number" />
     </td>
     <td>
-    <input name="data.size" type="text" value="{{data.size}}" />
+    <input name="data.damageKeep" type="text" value="{{data.damageKeep}}" data-type="Number" />
     </td>
   </table>
-  <textarea name="data.description">{{data.description}}</textarea>
+    {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
   </div>
 </form>