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

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

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

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

@@ -39,8 +39,10 @@
box-shadow: none;
}
}
.advancements-tab {
min-width: 60px;
.advancements-tabs {
height: 2rem;
line-height: 2rem;
font-size: 1rem;
}
}
&.item,
@@ -405,20 +407,6 @@
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 {
.checklist {
display: flex;
@@ -458,45 +446,60 @@
}
}
}
.stance-content {
label {
display: block;
width: 100%;
line-height: 1.5rem;
padding: 0.25rem;
color: $white;
&.earth {
background: $l5r5e-earth;
}
&.air {
background: $l5r5e-air;
}
&.water {
background: $l5r5e-water;
}
&.fire {
background: $l5r5e-fire;
}
&.void {
background: $l5r5e-void;
}
input {
float: right;
position: relative;
top: 0.3rem;
right: 0.25rem;
.stances-content {
flex: 0 0 100%;
.item-list {
position: relative;
padding-top: 2rem;
margin: 0;
}
.stance-content {
padding: 0;
margin: 0;
label {
display: block;
position: absolute;
top: 0;
left: 0;
width: 20%;
line-height: 1.5rem;
padding: 0.25rem;
color: $white;
&.earth {
background: $l5r5e-earth;
}
&.air {
background: $l5r5e-air;
left: 20%;
}
&.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);
}
.armors-content {
flex: 0 0 calc(100% - 0.5rem);
}
}
.xp {
.xp,
.money-wrapper {
flex: 0 0 5rem;
flex-direction: column;
color: $black-light;

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

@@ -51,11 +51,9 @@
text-align: right;
span {
color: $l5r5e-black;
}
&[data-skill="melee"],
&[data-skill="ranged"],
&[data-skill="unarmed"] {
span {
&[data-skill="melee"],
&[data-skill="ranged"],
&[data-skill="unarmed"] {
float: left;
line-height: 1rem;
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}} />
{{ localize 'l5r5e.advancements.curriculum' }}
</label>
<label class="attribute3">
<label class="attribute">
{{ localize 'l5r5e.advancements.spent' }}
<input type="text" name="data.xp_used" value="{{item.data.xp_used}}" data-dtype="Number" placeholder="0" />
</label>
<label class="attribute3">
<label class="attribute">
{{ localize 'l5r5e.rank' }}
<input type="text" name="data.rank" value="{{data.rank}}" data-dtype="Number" placeholder="0" />
</label>
<label class="attribute3">
<label class="attribute">
{{ localize 'l5r5e.bought_at_rank' }}
<input type="text" name="data.bought_at_rank" value="{{data.bought_at_rank}}" data-dtype="Number" placeholder="0" />
</label>
</article>
<fieldset class="attributes">
<legend>
<label class="attribute full">
{{ localize 'l5r5e.types' }}
</legend>
<input type="text" name="data.types" value="{{item.data.types}}" />
</fieldset>
<input type="text" name="data.types" value="{{item.data.types}}" />
</label>
</article>
{{> 'systems/l5r5e/templates/items/item/item-infos.html' }}
</section>
</form>

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

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