Update item for description

This commit is contained in:
Mandar
2020-12-24 17:48:06 +01:00
parent 0f1afcf740
commit 919657e1bc
15 changed files with 65 additions and 54 deletions

File diff suppressed because one or more lines are too long

View File

@@ -6,7 +6,8 @@ $white-light: rgba(255, 255, 255, 0.65);
$black: rgba(0, 0, 0, 1);
$black-light: rgba(0, 0, 0, 0.75);
$dark-red: rgba(25, 0, 0, 0.75);
$red: rgba(255, 0, 0, 0.75);
$red: rgba(255, 0, 0, 1);
$red-light: rgba(255, 0, 0, 0.75);
$orange: rgba(255, 100, 0, 0.75);
$blue: rgba(0, 0, 255, 0.75);
$green: rgba(0, 255, 0, 0.75);

View File

@@ -89,14 +89,13 @@
.ring-selection {
&.ring-selected {
i {
text-shadow: 0px 2px 2px $red;
text-shadow: 0px 1px 1px $red;
}
strong {
color: $red;
text-decoration: underline;
color: $red-light;
}
input {
border: 2px solid $red !important;
border: 2px solid $red-light !important;
}
}
}

View File

@@ -95,7 +95,7 @@ fieldset {
color: $l5r5e-label;
}
.editor {
height: calc(100% - 1.5rem);
height: calc(100% - 1.25rem);
}
}

View File

@@ -22,7 +22,9 @@
.technique-edit,
.technique-delete,
.peculiarity-edit,
.peculiarity-delete {
.peculiarity-delete,
.property-edit,
.property-delete {
line-height: 1rem;
font-size: 0.75rem;
flex: 0 0 1rem;
@@ -39,9 +41,11 @@
.technique-edit,
.technique-delete,
.peculiarity-edit,
.peculiarity-delete {
.peculiarity-delete,
.property-edit,
.property-delete {
&:hover {
text-shadow: 0 0 6px $orange;
text-shadow: 0 0 3px $red;
}
}
}
@@ -151,9 +155,14 @@
input[type="text"] {
width: 2rem;
&.grip {
width: 6rem;
width: 12rem;
margin-bottom: 0.25rem;
}
}
input[name="data.zeni"] {
width: 5rem;
float: right;
}
fieldset {
input[type="text"] {
float: right;
@@ -252,4 +261,21 @@
}
}
}
p.item-description {
height: 0;
margin: 0;
padding: 0.25rem;
font-size: 0.75rem;
color: rgba(0, 0, 0, 0.75);
overflow: hidden;
border: 1px solid $l5r5e-title;
transition: height 0.25s ease-in;
}
&:hover {
p.item-description {
height: 6rem;
overflow-y: auto;
scrollbar-width: thin;
}
}
}

View File

@@ -127,6 +127,9 @@
}
}
article {
.weapons-content {
flex: 1;
}
min-height: auto;
display: flex;
.items-content {

View File

@@ -42,9 +42,9 @@
border: 2px solid $l5r5e-title;
color: $white-light;
&:hover {
border: 2px solid $red;
text-shadow: 0 0 6px $red;
box-shadow: 0 0 6px inset $red;
border: 2px solid $red-light;
text-shadow: 0 0 3px $red;
box-shadow: 0 0 3px inset $red;
}
}
}

View File

@@ -3,7 +3,7 @@
min-width: 600px;
label {
&:hover {
text-shadow: 0 0 6px $orange;
text-shadow: 0 0 3px $red;
}
}
&.actor {
@@ -428,24 +428,6 @@
right: 0.25rem;
}
}
.quick-rules {
height: 0;
margin: 0;
padding: 0;
font-size: 0.75rem;
color: rgba(0, 0, 0, 0.75);
overflow: hidden;
border: 1px solid $l5r5e-title;
transition: height 0.25s ease-in;
}
&:hover {
.quick-rules {
height: 6rem;
padding: 0.25rem;
overflow-y: auto;
scrollbar-width: thin;
}
}
}
.stance-content,
.weapons-content {
@@ -495,7 +477,7 @@
li {
flex: 0 0 1rem;
&:hover {
color: $orange;
color: $red-light;
}
}
}

View File

@@ -8,7 +8,7 @@
<strong>{{ localize 'l5r5e.attributes.fatigue' }}</strong>
<input class="centered-input select-on-focus" type="number" name="data.fatigue.value" value="{{data.fatigue.value}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.endurancetip' }}</p>
<p class="item-description"> {{ localize 'l5r5e.attributes.endurancetip' }}</p>
</li>
<li class="composure-content">
<label class="attribute-label">
@@ -19,21 +19,21 @@
<strong>{{ localize 'l5r5e.attributes.strife' }}</strong>
<input class="centered-input select-on-focus" type="number" name="data.strife.value" value="{{data.strife.value}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.composuretip' }}</p>
<p class="item-description"> {{ localize 'l5r5e.attributes.composuretip' }}</p>
</li>
<li class="focus-content">
<label class="attribute-label">
<strong>{{ localize 'l5r5e.attributes.focus' }}</strong>
<input class="centered-input" type="text" name="data.focus" value="{{data.focus}}" data-dtype="Number" disabled/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.focustip' }}</p>
<p class="item-description"> {{ localize 'l5r5e.attributes.focustip' }}</p>
</li>
<li class="vigilante-content">
<label class="attribute-label">
<strong>{{ localize 'l5r5e.attributes.vigilante' }}</strong>
<input class="centered-input" type="text" name="data.vigilante" value="{{data.vigilante}}" data-dtype="Number" disabled/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.vigilantetip' }}</p>
<p class="item-description"> {{ localize 'l5r5e.attributes.vigilantetip' }}</p>
</li>
<li class="void-content">
<label class="attribute-label">

View File

@@ -3,5 +3,5 @@
{{ localizeRing ringId }}
<input id="stance_{{ringId}}" type="radio" name="data.stance" value="{{ringId}}" {{radioChecked ringId stance}}/>
</label>
<p class="quick-rules">{{ localizeStanceTip ringId }}</p>
<p class="item-description">{{ localizeStanceTip ringId }}</p>
</li>

View File

@@ -8,7 +8,7 @@
<strong>{{ localize 'l5r5e.attributes.fatigue' }}</strong>
<input class="centered-input select-on-focus" type="number" name="data.fatigue.value" value="{{data.fatigue.value}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.endurancetip' }}</p>
<p class="item-description"> {{ localize 'l5r5e.attributes.endurancetip' }}</p>
</li>
<li class="composure-content">
<label class="attribute-label">
@@ -19,21 +19,21 @@
<strong>{{ localize 'l5r5e.attributes.strife' }}</strong>
<input class="centered-input select-on-focus" type="number" name="data.strife.value" value="{{data.strife.value}}" data-dtype="Number" min="0" placeholder="0"/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.composuretip' }}</p>
<p class="item-description"> {{ localize 'l5r5e.attributes.composuretip' }}</p>
</li>
<li class="focus-content">
<label class="attribute-label">
<strong>{{ localize 'l5r5e.attributes.focus' }}</strong>
<input class="centered-input" type="text" name="data.focus" value="{{data.focus}}" data-dtype="Number" disabled/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.focustip' }}</p>
<p class="item-description"> {{ localize 'l5r5e.attributes.focustip' }}</p>
</li>
<li class="vigilante-content">
<label class="attribute-label">
<strong>{{ localize 'l5r5e.attributes.vigilante' }}</strong>
<input class="centered-input" type="text" name="data.vigilante" value="{{data.vigilante}}" data-dtype="Number" disabled/>
</label>
<p class="quick-rules"> {{ localize 'l5r5e.attributes.vigilantetip' }}</p>
<p class="item-description"> {{ localize 'l5r5e.attributes.vigilantetip' }}</p>
</li>
<li class="void-content">
<label class="attribute-label">

View File

@@ -3,5 +3,5 @@
{{ localizeRing ringId }}
<input id="stance_{{ringId}}" type="radio" name="data.stance" value="{{ringId}}" {{radioChecked ringId stance}}/>
</label>
<p class="quick-rules">{{ localizeStanceTip ringId }}</p>
<p class="item-description">{{ localizeStanceTip ringId }}</p>
</li>

View File

@@ -12,5 +12,5 @@
<li>{{{ property.name }}}</li>
{{/each}}
</ul>
<div class="item-description">{{{ item.data.description }}}</div>
<p class="item-description">{{{ item.data.description }}}</p>
</li>

View File

@@ -1,11 +1,11 @@
<li class="item peculiarity flexcol">
<<li class="item peculiarity flexcol">
<ul class="item-header peculiarity-controls">
<li class="item-img"><img src="{{peculiarity.img}}" title="{{peculiarity.name}}" width="32px" height="32px"/></li>
<li class="item-name">{{ peculiarity.name }}</li>
{{#if editable}}
<li data-item-id="{{peculiarity._id}}" class="item-control item-edit" title="{{localize 'l5r5e.global.edit'}}"><i class="fas fa-edit"></i></li>
<li data-item-id="{{peculiarity._id}}" class="item-control item-delete" title="{{localize 'l5r5e.global.delete'}}"><i class="fas fa-trash"></i></li>
<li data-item-id="{{peculiarity._id}}" class="item-control item-edit" title="{{localize 'l5r5e.global.edit'}}"><i class="fas fa-edit"></i></li>
<li data-item-id="{{peculiarity._id}}" class="item-control item-delete" title="{{localize 'l5r5e.global.delete'}}"><i class="fas fa-trash"></i></li>
{{/if}}
</ul>
<div class="item-description">{{{ peculiarity.data.description }}}</div>
<p class="item-description">{{{ peculiarity.data.description }}}</p>
</li>

View File

@@ -1,9 +1,9 @@
<li class="property flexcol" data-property-id="{{item._id}}">
<ul class="property-header property-control">
<li class="property-img"><img src="{{item.img}}" title="{{item.name}}" width="32px" height="32px"/></li>
<li class="property-name">{{ item.name }}</li>
<li class="item property flexcol" data-property-id="{{item._id}}">
<ul class="item-header property-control">
<li class="item-img"><img src="{{item.img}}" title="{{item.name}}" width="32px" height="32px"/></li>
<li class="item-name">{{ item.name }}</li>
{{#if editable}}
<li class="property-delete" title="{{localize 'l5r5e.global.delete'}}"><i class="fas fa-trash"></i></li>
<li class="property-delete" title="{{localize 'l5r5e.global.delete'}}"><i class="fas fa-trash"></i></li>
{{/if}}
</ul>
<div class="item-description">{{{ item.data.description }}}</div>