uberwald/l5rx-chiaroscuro
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update css for item attribute

Browse Source
This commit is contained in:
Mandar
2021-01-01 20:38:26 +01:00
parent c8e7af1dcd
commit 6ec4c1330a
7 changed files with 79 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
system/styles/l5r5e.css
View File

File diff suppressed because one or more lines are too long

16
system/styles/scss/items.scss
View File

@@ -52,7 +52,7 @@
.item-properties { .item-properties {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
li { > li {
margin: 0.25rem 0.1rem; margin: 0.25rem 0.1rem;
padding: 0.1rem 0.5rem; padding: 0.1rem 0.5rem;
background-color: $l5r5e-white; background-color: $l5r5e-white;
@@ -125,12 +125,9 @@
.attribute-value, .attribute-value,
.attribute, .attribute,
.value { .value {
flex: 0 0 calc(25% - 0.5rem); flex: 1 1 auto;
margin: 0.5rem 0.25rem 0.25rem; margin: 0.5rem 0.25rem 0.25rem;
} }
.attribute3 {
flex: 0 0 calc(33% - 0.5rem);
}
select[name="data.advancement_type"], select[name="data.advancement_type"],
select[name="data.skill"] { select[name="data.skill"] {
text-transform: capitalize; text-transform: capitalize;
@@ -161,6 +158,15 @@
float: right; float: right;
} }
} }
.attribute {
&.full {
flex: 100%;
input {
float: right;
width: 70%;
}
}
}
} }
&.infos { &.infos {
display: flex; display: flex;

3
system/styles/scss/nav.scss
View File

@@ -1,7 +1,6 @@
// -- Nav // -- Nav
nav { nav {
&.sheet-tabs, &.sheet-tabs {
&.advancements-tabs {
height: 3rem; height: 3rem;
line-height: 3rem; line-height: 3rem;
font-family: $font-tertiary; font-family: $font-tertiary;

101
system/styles/scss/sheets.scss
View File

@@ -39,8 +39,10 @@
box-shadow: none; box-shadow: none;
} }
} }
.advancements-tab { .advancements-tabs {
min-width: 60px; height: 2rem;
line-height: 2rem;
font-size: 1rem;
} }
} }
&.item, &.item,
@@ -405,20 +407,6 @@
display: flex; display: flex;
} }
} }
.money {
&-wrapper {
display: block;
flex: 100%;
text-align: center;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="time"] {
width: 100px;
}
}
.techniques-wrapper { .techniques-wrapper {
.checklist { .checklist {
display: flex; display: flex;
@@ -458,45 +446,60 @@
} }
} }
} }
.stance-content { .stances-content {
label { flex: 0 0 100%;
display: block; .item-list {
width: 100%; position: relative;
line-height: 1.5rem; padding-top: 2rem;
padding: 0.25rem; margin: 0;
color: $white; }
&.earth { .stance-content {
background: $l5r5e-earth; padding: 0;
} margin: 0;
&.air { label {
background: $l5r5e-air; display: block;
} position: absolute;
&.water { top: 0;
background: $l5r5e-water; left: 0;
} width: 20%;
&.fire { line-height: 1.5rem;
background: $l5r5e-fire; padding: 0.25rem;
} color: $white;
&.void { &.earth {
background: $l5r5e-void; background: $l5r5e-earth;
} }
input { &.air {
float: right; background: $l5r5e-air;
position: relative; left: 20%;
top: 0.3rem; }
right: 0.25rem; &.water {
background: $l5r5e-water;
left: 40%;
}
&.fire {
background: $l5r5e-fire;
left: 60%;
}
&.void {
background: $l5r5e-void;
left: 80%;
}
input {
float: right;
position: relative;
top: 0.3rem;
right: 0.25rem;
}
} }
} }
} }
.stance-content, .weapons-content,
.weapons-content { .armors-content {
flex: 0 0 calc(50% - 0.5rem); flex: 0 0 calc(50% - 0.5rem);
} }
.armors-content {
flex: 0 0 calc(100% - 0.5rem);
}
} }
.xp { .xp,
.money-wrapper {
flex: 0 0 5rem; flex: 0 0 5rem;
flex-direction: column; flex-direction: column;
color: $black-light; color: $black-light;

8
system/styles/scss/skills.scss
View File

@@ -51,11 +51,9 @@
text-align: right; text-align: right;
span { span {
color: $l5r5e-black; color: $l5r5e-black;
} &[data-skill="melee"],
&[data-skill="melee"], &[data-skill="ranged"],
&[data-skill="ranged"], &[data-skill="unarmed"] {
&[data-skill="unarmed"] {
span {
float: left; float: left;
line-height: 1rem; line-height: 1rem;
width: calc(100% - 2rem); width: calc(100% - 2rem);

16
system/templates/items/peculiarity/peculiarity-sheet.html
View File

@@ -25,25 +25,23 @@
<input type="checkbox" name="data.in_curriculum" {{checked item.data.in_curriculum}} /> <input type="checkbox" name="data.in_curriculum" {{checked item.data.in_curriculum}} />
{{ localize 'l5r5e.advancements.curriculum' }} {{ localize 'l5r5e.advancements.curriculum' }}
</label> </label>
<label class="attribute3"> <label class="attribute">
{{ localize 'l5r5e.advancements.spent' }} {{ localize 'l5r5e.advancements.spent' }}
<input type="text" name="data.xp_used" value="{{item.data.xp_used}}" data-dtype="Number" placeholder="0" /> <input type="text" name="data.xp_used" value="{{item.data.xp_used}}" data-dtype="Number" placeholder="0" />
</label> </label>
<label class="attribute3"> <label class="attribute">
{{ localize 'l5r5e.rank' }} {{ localize 'l5r5e.rank' }}
<input type="text" name="data.rank" value="{{data.rank}}" data-dtype="Number" placeholder="0" /> <input type="text" name="data.rank" value="{{data.rank}}" data-dtype="Number" placeholder="0" />
</label> </label>
<label class="attribute3"> <label class="attribute">
{{ localize 'l5r5e.bought_at_rank' }} {{ localize 'l5r5e.bought_at_rank' }}
<input type="text" name="data.bought_at_rank" value="{{data.bought_at_rank}}" data-dtype="Number" placeholder="0" /> <input type="text" name="data.bought_at_rank" value="{{data.bought_at_rank}}" data-dtype="Number" placeholder="0" />
</label> </label>
</article> <label class="attribute full">
<fieldset class="attributes">
<legend>
{{ localize 'l5r5e.types' }} {{ localize 'l5r5e.types' }}
</legend> <input type="text" name="data.types" value="{{item.data.types}}" />
<input type="text" name="data.types" value="{{item.data.types}}" /> </label>
</fieldset> </article>
{{> 'systems/l5r5e/templates/items/item/item-infos.html' }} {{> 'systems/l5r5e/templates/items/item/item-infos.html' }}
</section> </section>
</form> </form>

11
system/templates/items/technique/technique-sheet.html
View File

@@ -37,18 +37,15 @@
{{ localize 'l5r5e.rank' }} {{ localize 'l5r5e.rank' }}
<input type="text" name="data.rank" value="{{item.data.rank}}" data-dtype="Number" placeholder="0"/> <input type="text" name="data.rank" value="{{item.data.rank}}" data-dtype="Number" placeholder="0"/>
</label> </label>
<label class="attribute"> <label class="attribute">
{{ localize 'l5r5e.bought_at_rank' }} {{ localize 'l5r5e.bought_at_rank' }}
<input type="text" name="data.bought_at_rank" value="{{item.data.bought_at_rank}}" data-dtype="Number" placeholder="0"/> <input type="text" name="data.bought_at_rank" value="{{item.data.bought_at_rank}}" data-dtype="Number" placeholder="0"/>
</label> </label>
</article> <label class="attribute full">
<fieldset class="attributes">
<legend>
{{ localize 'l5r5e.effects' }} {{ localize 'l5r5e.effects' }}
</legend> <input type="text" name="data.effects" value="{{item.data.effects}}"/>
{{editor content=item.data.effects target="data.effects" button=true owner=owner editable=editable}} </label>
</fieldset> </article>
{{> 'systems/l5r5e/templates/items/item/item-infos.html' }} {{> 'systems/l5r5e/templates/items/item/item-infos.html' }}
</section> </section>
</form> </form>