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

Ajustement css marging/padding and float

Browse Source
This commit is contained in:
Mandar
2021-01-07 20:38:38 +01:00
parent b6549b7230
commit f6b65308c5
4 changed files with 34 additions and 28 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

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

@@ -112,7 +112,7 @@
} }
.sheet-body { .sheet-body {
flex: 100%; flex: 100%;
height: calc(100% - 90px); height: calc(100% - 90px - 0.25rem);
align-self: stretch; align-self: stretch;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -153,9 +153,10 @@
text-transform: capitalize; text-transform: capitalize;
} }
.type { .type {
flex: 100%; display: block;
label { label {
width: 50%; width: calc(50% - 0.5rem);
float: left;
} }
} }
.properties { .properties {
@@ -200,8 +201,10 @@
align-self: stretch; align-self: stretch;
height: calc(100% - 7.5rem); height: calc(100% - 7.5rem);
width: 100%; width: 100%;
padding-bottom: 1.25rem;
.reference { .reference {
flex: 0 0 calc(100% - 0.5rem); flex: 0 0 calc(100% - 0.5rem);
margin: 0.5rem 0.25rem;
input[name="data.book_reference"] { input[name="data.book_reference"] {
float: right; float: right;
width: 70%; width: 70%;
@@ -210,6 +213,7 @@
fieldset { fieldset {
align-self: stretch; align-self: stretch;
height: calc(100% - 2rem); height: calc(100% - 2rem);
box-sizing: content-box;
} }
} }
&.properties { &.properties {
@@ -284,11 +288,10 @@
} }
} }
&.property { &.property {
&.infos {
height: 100%;
}
article { article {
min-height: calc(100% - 5rem); &.infos {
height: calc(100% - 0.5rem);
}
} }
} }
&.armor { &.armor {

15
system/styles/scss/npc.scss
View File

@@ -14,9 +14,10 @@
flex: 1 1 100%; flex: 1 1 100%;
min-height: 2rem; min-height: 2rem;
width: 100%; width: 100%;
margin: 0;
} }
.header-fields { .header-fields {
padding: 0 0.25rem; padding: 0;
} }
.identity-wrapper { .identity-wrapper {
flex: 1 1 100%; flex: 1 1 100%;
@@ -26,8 +27,7 @@
.identity-list { .identity-list {
flex: 0 0 100%; flex: 0 0 100%;
display: flex; display: flex;
margin: 0.25rem; margin: 0.25rem 0 0.5rem;
margin-bottom: 0.5rem;
li { li {
flex: 1; flex: 1;
flex-wrap: wrap; flex-wrap: wrap;
@@ -89,7 +89,9 @@
} }
} }
.sheet-body { .sheet-body {
padding: 0.25rem; padding: 0;
padding-bottom: 0.25rem;
margin-bottom: 0.5rem;
} }
.npc-skill { .npc-skill {
display: flex; display: flex;
@@ -137,9 +139,12 @@
} }
min-height: auto; min-height: auto;
display: flex; display: flex;
fieldset {
flex: 0 0 calc(100% - 0.5rem);
}
.items-content { .items-content {
flex: 0 0 calc(100% - 0.5rem); flex: 0 0 calc(100% - 0.5rem);
margin: 0.5rem 0.25rem 0; margin: 1rem 0.25rem 0;
} }
} }
} }

28
system/templates/actors/npc/techniques.html
View File

@@ -1,15 +1,13 @@
<div class="techniques-wrapper"> <fieldset class="techniques-wrapper section-header flexrow">
<fieldset class="section-header flexrow"> <legend class="technique-controls">
<legend class="technique-controls"> {{ localize 'l5r5e.techniques.title' }}
{{ localize 'l5r5e.techniques.title' }} <a data-item-type="technique" class="technique-control item-add" title="{{ localize 'l5r5e.global.add' }}"><i class="fas fa-plus"></i></a>
<a data-item-type="technique" class="technique-control item-add" title="{{ localize 'l5r5e.global.add' }}"><i class="fas fa-plus"></i></a> </legend>
</legend> <ul class="item-list">
<ul class="item-list"> {{#each actor.items as |item id|}}
{{#each actor.items as |item id|}} {{#ifCond item.type '==' 'technique'}}
{{#ifCond item.type '==' 'technique'}} {{> 'systems/l5r5e/templates/items/technique/technique-entry.html' technique=item editable=../editable }}
{{> 'systems/l5r5e/templates/items/technique/technique-entry.html' technique=item editable=../editable }} {{/ifCond}}
{{/ifCond}} {{/each}}
{{/each}} </ul>
</ul> </fieldset>
</fieldset>
</div>