Item first iteration style, added item infos and value

This commit is contained in:
Mandar
2020-12-22 01:28:48 +01:00
parent 78079e2288
commit 82f3acb91e
19 changed files with 352 additions and 315 deletions

File diff suppressed because one or more lines are too long

View File

@@ -44,7 +44,8 @@ a,
form .form-group .form-fields button,
.sidebar-tab .action-buttons button,
.dialog .dialog-buttons button,
form button {
form button,
label {
cursor: url("../assets/cursors/pointer.webp"), pointer !important;
}
.draggable {

View File

@@ -1,3 +1,4 @@
// Item List
.item-list {
flex: 100%;
.item {
@@ -53,3 +54,144 @@
}
}
}
// Advancement Sheet, Armor Sheet, Item Sheet, Peculiarity Sheet, Property Sheet, Technique Sheet, Weapon Sheet
&.advancement,
&.armor,
&.item,
&.peculiarity,
&.property,
&.technique,
&.weapon {
.sheet-header {
img {
flex: 0 0 75px;
height: 75px;
width: 75px;
background: rgba(255, 255, 255, 0.25);
}
}
article {
display: flex;
flex-wrap: wrap;
min-height: auto;
label {
color: $l5r5e-label;
margin: 0.25rem;
line-height: 1.5rem;
}
&.attributes {
select[name="data.advancement_type"],
select[name="data.skill"],
select[name="data.ring"] {
flex: 0 0 calc(40% - 0.5rem);
margin: 0.25rem;
}
.attribute-value,
.attribute,
.value {
flex: 0 0 calc(25% - 0.5rem);
margin: 0.5rem 0.25rem 0.25rem;
}
select[name="data.advancement_type"],
select[name="data.skill"] {
text-transform: capitalize;
}
.type,
.properties {
flex: 0 0 calc(50% - 0.5rem);
margin: 0.25rem;
}
.equipped {
flex: 100%;
margin: 0;
text-align: right;
}
input[type="text"] {
width: 2rem;
&.grip {
width: 6rem;
}
}
fieldset {
input[type="text"] {
float: right;
}
}
}
&.infos {
display: flex;
.reference {
flex: 0 0 calc(100% - 0.5rem);
input[name="data.book_reference"] {
float: right;
width: 70%;
}
}
}
}
}
&.advancement {
article {
&.attributes {
.attribute-value,
.attribute,
.value {
flex: 0 0 calc(33% - 0.5rem);
}
.cursus {
flex: 1;
line-height: 0.75rem;
text-align: right;
margin: 0 0.25rem;
input {
margin-top: 0.25rem;
}
}
}
}
}
&.item {
article {
&.attributes {
.properties {
flex: 100%;
}
}
}
}
&.property {
.sheet-header {
img {
flex: 0 0 75px;
height: 75px;
width: 75px;
background: rgba(255, 255, 255, 0.25);
}
}
article {
min-height: calc(100% - 5rem);
}
}
&.weapon {
article {
&.attributes {
.attribute-value,
.stats {
flex: 0 0 calc(50% - 0.5rem);
margin: 0.25rem;
}
.value {
flex: 0 0 calc(25% - 0.5rem);
}
.category,
.skillType {
flex: 0 0 calc(50% - 0.5rem);
input,
.attribute-dtype {
width: 100%;
margin: 0.25rem;
}
}
}
}
}

View File

@@ -2,8 +2,7 @@
.sheet-header {
h1 {
&:before {
top: -50%;
left: -0.5rem;
top: -3.75rem;
}
}
img {

View File

@@ -69,7 +69,7 @@
height: 225px;
width: 100%;
z-index: -1;
top: -1.5rem;
top: -1rem;
left: -0.25rem;
}
}