Update item for description
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -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);
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -95,7 +95,7 @@ fieldset {
|
||||
color: $l5r5e-label;
|
||||
}
|
||||
.editor {
|
||||
height: calc(100% - 1.5rem);
|
||||
height: calc(100% - 1.25rem);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -127,6 +127,9 @@
|
||||
}
|
||||
}
|
||||
article {
|
||||
.weapons-content {
|
||||
flex: 1;
|
||||
}
|
||||
min-height: auto;
|
||||
display: flex;
|
||||
.items-content {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user