Update item for description

system/styles/scss/colors.scss

@@ -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);

system/styles/scss/dices.scss

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

system/styles/scss/global.scss

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

system/styles/scss/items.scss

@@ -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;
+        }
+    }
 }

system/styles/scss/npc.scss

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

system/styles/scss/rings.scss

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

system/styles/scss/sheets.scss

@@ -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;
                         }
                     }
                 }

system/templates/actors/character/attributes.html

@@ -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">

system/templates/actors/character/stance.html

@@ -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>

system/templates/actors/npc/attributes.html

@@ -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">

system/templates/actors/npc/stance.html

@@ -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>

system/templates/items/item/item-entry.html

@@ -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>

system/templates/items/peculiarity/peculiarity-entry.html

@@ -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-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-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>

system/templates/items/property/property-entry.html

@@ -1,9 +1,9 @@
-<li class="property flexcol" data-property-id="{{item._id}}">
+<li class="item property flexcol" data-property-id="{{item._id}}">
-    <ul class="property-header property-control">
+    <ul class="item-header property-control">
-        <li class="property-img"><img src="{{item.img}}" title="{{item.name}}" width="32px" height="32px"/></li>
+        <li class="item-img"><img src="{{item.img}}" title="{{item.name}}" width="32px" height="32px"/></li>
-        <li class="property-name">{{ item.name }}</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>