Update styles for dice and Vlyan dev

package-lock.json

@@ -3693,9 +3693,9 @@
             "dev": true
         },
         "ini": {
-            "version": "1.3.5",
+            "version": "1.3.8",
-            "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz",
+            "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-            "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
+            "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
             "dev": true
         },
         "interpret": {

system/styles/scss/global.scss

@@ -12,6 +12,7 @@ body {
         position: relative;
         background: url("../assets/imgs/bgL5R.webp") no-repeat;
         background-size: cover;
+        scrollbar-width: thin;
     }
     .window-resizable-handle {
         z-index: 2;
@@ -50,6 +51,12 @@ li {
     padding: 0;
 }
 
+// Fieldset
+fieldset {
+    flex: 1;
+    display: flex;
+}
+
 // inputs
 input[type="text"],
 input[type="number"],
@@ -62,6 +69,11 @@ input[type="time"] {
     color: $l5r5e-bold;
 }
 
+// Editors
+.editor {
+    flex: 1;
+}
+
 // Elements Colors
 .earth {
     color: $l5r5e-earth;

system/styles/scss/nav.scss

@@ -1,5 +1,4 @@
 // -- Nav
-
 nav {
     &.sheet-tabs {
         font-family: $font-tertiary;
@@ -24,6 +23,16 @@ nav {
             background-color: $l5r5e-label;
             color: $white;
             text-shadow: none;
+            clip-path: polygon(
+                0% var(--notchSize),
+                var(--notchSize) 0%,
+                calc(100% - var(--notchSize)) 0%,
+                100% var(--notchSize),
+                100% 100%,
+                0 100%,
+                0% 0%,
+                0% 100%
+            );
         }
     }
     .item.active {

system/styles/scss/sheets.scss

@@ -1,6 +1,14 @@
 /** Sheets **/
 &.sheet {
     min-width: 600px;
+    form {
+        display: flex;
+        flex-wrap: wrap;
+    }
+    .sheet-header,
+    .sheet-body {
+        flex: 100%;
+    }
     .sheet-header {
         h1 {
             flex: auto;
@@ -178,6 +186,7 @@
         background: $l5r5e-white;
         padding: 0.5rem;
         flex-wrap: wrap;
+        min-height: calc(100% - 2.25rem);
         &.tab[data-tab] {
             &.active {
                 display: flex;

system/system.json

@@ -2,8 +2,8 @@
     "name": "l5r5e",
     "title": "Legend of the Five Rings (5th Edition)",
     "description": "This is a game system, multilanguage in En/FR/ES, for Legend of the Five Rings (5th Edition) by <a href='https://edge-studio.net/'>Edge Studio</a> <p> - Join the official Discord server: <a href='https://discord.gg/foundryvtt'> Official Discord</a></p><p> - Rejoignez la communauté Francophone: <a href='https://discord.gg/pPSDNJk'>Francophone Discord</a></p>",
-    "version": "0.0.3",
+    "version": "0.0.4",
-    "minimumCoreVersion": "0.7.3",
+    "minimumCoreVersion": "0.7.5",
     "compatibleCoreVersion": "0.7.8",
     "author": "Team L5R",
     "background": "L5R-Header.webp",
@@ -42,5 +42,5 @@
     ],
     "url": "https://gitlab.com/teaml5r/l5r5e",
     "manifest": "https://gitlab.com/teaml5r/l5r5e/-/raw/master/system/system.json",
-    "download": "https://gitlab.com/teaml5r/l5r5e/-/jobs/artifacts/v0.0.3/raw/l5r5e.zip?job=build"
+    "download": "https://gitlab.com/teaml5r/l5r5e/-/jobs/artifacts/v0.0.4/raw/l5r5e.zip?job=build"
 }

system/templates/item/feat-sheet.html

@@ -6,22 +6,22 @@
         </div>
     </header>
 
+    {{!-- Sheet Body --}}
+    <section class="sheet-body">
+
         {{!-- Sheet Tab Navigation --}}
         <nav class="sheet-tabs tabs" data-group="primary">
             <a class="item" data-tab="description">Description</a>
             <a class="item" data-tab="attributes">Attributes</a>
         </nav>
 
-    {{!-- Sheet Body --}}
-    <section class="sheet-body">
-
         {{!-- Description Tab --}}
-        <div class="tab" data-group="primary" data-tab="description">
+        <article class="tab" data-group="primary" data-tab="description">
             {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-        </div>
+        </article>
 
         {{!-- Attributes Tab --}}
-        <div class="tab attributes" data-group="primary" data-tab="attributes">
+        <article class="tab attributes" data-group="primary" data-tab="attributes">
             <div class="flexrow">
                 <div class="attribute-container">
                     <label class="attribute-label">{{ localize 'l5r5e.xp.spent' }}</label>
@@ -32,6 +32,6 @@
                     <input type="text" name="data.rank" value="{{data.rank}}" data-dtype="Number" placeholder="0"/>
                 </div>
             </div>
-        </div>
+        </article>
     </section>
 </form>

system/templates/item/item-sheet.html

@@ -14,22 +14,22 @@
         </div>
     </header>
 
+    {{!-- Sheet Body --}}
+    <section class="sheet-body">
+
         {{!-- Sheet Tab Navigation --}}
         <nav class="sheet-tabs tabs" data-group="primary">
             <a class="item" data-tab="description">Description</a>
             <a class="item" data-tab="attributes">Attributes</a>
         </nav>
 
-    {{!-- Sheet Body --}}
-    <section class="sheet-body">
-
         {{!-- Description Tab --}}
-        <div class="tab" data-group="primary" data-tab="description">
+        <article class="tab" data-group="primary" data-tab="description">
             {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
-        </div>
+        </article>
 
         {{!-- Attributes Tab --}}
-        <div class="tab attributes" data-group="primary" data-tab="attributes">
+        <article class="tab attributes" data-group="primary" data-tab="attributes">
             <header class="attributes-header flexrow">
                 <span class="attribute-key">Attribute Key</span>
                 <span class="attribute-value">Value</span>
@@ -59,6 +59,6 @@
                 </li>
             {{/each}}
             </ol>
-        </div>
+        </article>
     </section>
 </form>

system/templates/item/weapon-sheet.html

@@ -14,16 +14,16 @@
         </div>
     </header>
 
+    {{!-- Sheet Body --}}
+    <section class="sheet-body">
+
         {{!-- Sheet Tab Navigation --}}
         <nav class="sheet-tabs tabs" data-group="primary">
             <a class="item" data-tab="description">Description</a>
         </nav>
 
-    {{!-- Sheet Body --}}
-    <section class="sheet-body">
-
         {{!-- Description Tab --}}
-        <div class="tab" data-group="primary" data-tab="description">
+        <article class="tab" data-group="primary" data-tab="description">
             <div class="weapon-stats-content">
                 <div>
                     <label class="attribute-label">{{ localize 'l5r5e.damage' }}</label>
@@ -36,6 +36,6 @@
             </div>
             <h4 class="text-block-header">{{ localize  'l5r5e.properties' }}</h4>
             {{editor content=data.properties target="data.properties" button=true owner=owner editable=editable}}
-        </div>
+        </article>
     </section>
 </form>

system/templates/sheets/actor-sheet.html

@@ -13,7 +13,8 @@
             {{> 'systems/l5r5e/templates/sheets/actor/attributes.html' }}
         </div>
     </header>
-
+    {{!-- Sheet Body --}}
+    <section class="sheet-body">
         {{!-- Sheet Tab Navigation --}}
         <nav class="sheet-tabs tabs" data-group="primary">
             <a class="item" data-tab="skills">{{ localize 'l5r5e.skills.title' }}</a>
@@ -23,8 +24,6 @@
             <a class="item" data-tab="experience">{{ localize 'l5r5e.experience' }}</a>
         </nav>
 
-    {{!-- Sheet Body --}}
-    <section class="sheet-body">
         {{!-- Skills Tab --}}
         <article class="tab skills" data-group="primary" data-tab="skills">
             <ul class="skills-wrapper">

system/templates/sheets/actor/narrative.html

@@ -12,5 +12,7 @@
         <input type="text" name="data.social_standing.titles" value="{{data.social_standing.titles}}"/>
     </li>
 </ul>
-<h4 class="text-block-header">{{ localize 'l5r5e.notes' }}</h4>
+<fieldset>
-{{ editor content=data.notes.value target="data.notes.value" button=true editable=editable }}
+    <legend class="text-block-header">{{ localize 'l5r5e.notes' }}</legend>
+    {{ editor content=data.notes.value target="data.notes.value" button=true editable=editable }}
+</fieldset>