Minor fixes

CHANGELOG.txt

@@ -1,3 +1,6 @@
+v2.9
+- Minor style fixes
+
 v2.8
 - Clocks rebuilt to be Actors.
 - Fixed Dice-so-nice integration.

module/blades.js

@@ -233,7 +233,7 @@ Hooks.once("init", async function() {
     }
 
     // Label for 0
-    html += `<label class="clock-zero-label" for="clock-0-${uniq_id}}">❌</label>`;
+    html += `<label class="clock-zero-label" for="clock-0-${uniq_id}}"><i class="fab fa-creative-commons-zero nullifier"></i></label>`;
     html += `<div id="blades-clock-${uniq_id}" class="blades-clock clock-${type} clock-${type}-${current_value}" style="background-image:url('/systems/blades-in-the-dark/styles/assets/progressclocks-svg/Progress Clock ${type}-${current_value}.svg');">`;
 
     let zero_checked = (parseInt(current_value) === 0) ? 'checked="checked"' : '';

scss/mixin.scss

@@ -1,13 +1,16 @@
 /* 
 *  Elements that can be changed will hint this by dimming and fading a little on hover
 */
-@mixin changeable($transition-period, $hover-brightness, $hover-opacity) {
+@mixin changeable($transition-period, $hover-brightness, $hover-opacity, $hover-color: null) {
   transition: filter $transition-period;
   cursor: pointer;
 
   &:hover {
     filter: brightness($hover-brightness);
     opacity: $hover-opacity;
+    @if $hover-color {
+      color: $hover-color;
+    }
   }
 }
 

scss/style.scss

@@ -703,4 +703,10 @@ $hover-brightness: 0.8;
       max-width: 220px;
     }
   }
+
+  i {
+    &.nullifier {
+      @include changeable($transition-period, $hover-brightness, $hover-opacity, $red);
+    }
+  }
 }

styles/blades.css

@@ -1205,5 +1205,14 @@
   margin-bottom: 10px;
   max-width: 220px;
 }
+* i.nullifier {
+  transition: filter 0.2s;
+  cursor: pointer;
+}
+* i.nullifier:hover {
+  filter: brightness(0.8);
+  opacity: 0.9;
+  color: red;
+}
 
 /*# sourceMappingURL=blades.css.map */

system.json

@@ -2,7 +2,7 @@
   "name": "blades-in-the-dark",
   "title": "Blades in the Dark",
   "description": "Blades in the dark game system.",
-  "version": "2.8",
+  "version": "2.9",
   "minimumCoreVersion": "0.7.2",
   "compatibleCoreVersion": "0.7.5",
   "templateVersion": 1,
@@ -32,7 +32,7 @@
   ],
   "url": "https://github.com/megastruktur/foundryvtt-blades-in-the-dark/",
   "manifest": "https://raw.githubusercontent.com/megastruktur/foundryvtt-blades-in-the-dark/master/system.json",
-  "download": "https://github.com/megastruktur/foundryvtt-blades-in-the-dark/archive/2.8.zip",
+  "download": "https://github.com/megastruktur/foundryvtt-blades-in-the-dark/archive/2.9.zip",
   "packs": [
     {
       "name": "class",

templates/actor-sheet.html

@@ -241,6 +241,7 @@
           <p><label for="character-{{actor._id}}-experience-0">{{localize "BITD.Abilities"}}</label></p>
           <p><a class="item-add-popup" data-item-type="ability"><i class="fas fa-plus-square"></i></a></p>
           <div id="character-experience" class="teeth-experience">
+            <label for="character-{{actor._id}}-experience-0"><i class="fab fa-creative-commons-zero nullifier"></i></label>
             {{#multiboxes data.experience}}
             <input type="radio" id="character-{{actor._id}}-experience-0" name="data.experience" value="0" dtype="Radio">
             <input type="radio" id="character-{{actor._id}}-experience-1" name="data.experience" value="1" dtype="Radio">

templates/crew-sheet.html

@@ -113,7 +113,7 @@
 
       <div id="crew-coins-hands">
         <div class="stripe">
-          <label for="crew-coins-hands-0">{{localize "BITD.Coins"}}</label>
+          <label for="crew-coins-hands-0">{{localize "BITD.Coins"}} <i class="fab fa-creative-commons-zero nullifier"></i></label>
         </div>
         <div class="crew-coins coins-hands">
           {{#multiboxes data.coins.value}}
@@ -134,7 +134,7 @@
       <div id="crew-coins-vault">
         
         <div class="stripe">
-          <label for="crew-coins-vault-0">{{localize "BITD.Vault"}}</label>
+          <label for="crew-coins-vault-0">{{localize "BITD.Vault"}} <i class="fab fa-creative-commons-zero nullifier"></i></label>
         </div>
         <div class="crew-coins coins-vault">
           {{#multiboxes data.vault.value}}

templates/parts/attributes.html

@@ -10,7 +10,9 @@
       <div class="stripe-tooth-body">
         {{#multiboxes attribute.exp}}
 
-        <label for="{{../actor._id}}-{{attribute_name}}-exp-0"><i class="fab fa-creative-commons-zero"></i></label>
+        <label
+                for="{{../actor._id}}-{{attribute_name}}-exp-0"><i
+                class="fab fa-creative-commons-zero nullifier"></i></label>
         <input type="radio" id="{{../actor._id}}-{{attribute_name}}-exp-0"
                name="data.attributes.{{attribute_name}}.exp" value="0" checked="checked">
         {{#times_from_1 6}}

templates/parts/coins.html

@@ -2,7 +2,8 @@
 
   <div id="coins-hands">
     <div class="stripe">
-      <label for="coins-{{actor._id}}-hands-0">{{localize "BITD.Coin"}}</label>
+      <label for="coins-{{actor._id}}-hands-0">{{localize "BITD.Coin"}}
+        <i class="fab fa-creative-commons-zero nullifier"></i></label>
     </div>
     <div class="coins coins-hands">
       {{#multiboxes data.coins}}
@@ -22,7 +23,8 @@
   <div id="coins-stashed">
     
     <div class="stripe">
-      <label for="coins-{{actor._id}}-stashed-0">{{localize "BITD.Stash"}}</label>
+      <label for="coins-{{actor._id}}-stashed-0">{{localize "BITD.Stash"}} <i
+              class="fab fa-creative-commons-zero nullifier"></i></label>
     </div>
     <div class="coins coins-stashed">
       {{#multiboxes data.coins_stashed}}