Update styles for dice and Vlyan dev

This commit is contained in:
Vlyan
2020-12-12 22:09:02 +01:00
committed by Mandar
11 changed files with 78 additions and 47 deletions

6
package-lock.json generated
View File

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

File diff suppressed because one or more lines are too long

View File

@@ -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;

View File

@@ -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 {

View File

@@ -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;

View File

@@ -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",
"minimumCoreVersion": "0.7.3",
"version": "0.0.4",
"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"
}

View File

@@ -6,22 +6,22 @@
</div>
</header>
{{!-- 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">
{{!-- 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>
{{!-- 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>

View File

@@ -14,22 +14,22 @@
</div>
</header>
{{!-- 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">
{{!-- 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>
{{!-- 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>

View File

@@ -14,16 +14,16 @@
</div>
</header>
{{!-- 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">
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="description">Description</a>
</nav>
{{!-- 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>

View File

@@ -13,18 +13,17 @@
{{> 'systems/l5r5e/templates/sheets/actor/attributes.html' }}
</div>
</header>
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="skills">{{ localize 'l5r5e.skills.title' }}</a>
<a class="item" data-tab="narrative">{{ localize 'l5r5e.narrative' }}</a>
<a class="item" data-tab="conflict">{{ localize 'l5r5e.conflict.title' }}</a>
<a class="item" data-tab="inventory">{{ localize 'l5r5e.inventory' }}</a>
<a class="item" data-tab="experience">{{ localize 'l5r5e.experience' }}</a>
</nav>
{{!-- 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>
<a class="item" data-tab="narrative">{{ localize 'l5r5e.narrative' }}</a>
<a class="item" data-tab="conflict">{{ localize 'l5r5e.conflict.title' }}</a>
<a class="item" data-tab="inventory">{{ localize 'l5r5e.inventory' }}</a>
<a class="item" data-tab="experience">{{ localize 'l5r5e.experience' }}</a>
</nav>
{{!-- Skills Tab --}}
<article class="tab skills" data-group="primary" data-tab="skills">
<ul class="skills-wrapper">

View File

@@ -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>
{{ editor content=data.notes.value target="data.notes.value" button=true editable=editable }}
<fieldset>
<legend class="text-block-header">{{ localize 'l5r5e.notes' }}</legend>
{{ editor content=data.notes.value target="data.notes.value" button=true editable=editable }}
</fieldset>