v5.0.0-alpha.264: Aesthetic 0-to-10-by-1-or-2 (#98)

* Entityfade default animation rename
* cursor fix on movebuttons

package.json

@@ -48,5 +48,5 @@
         "preview:https": "serve dist",
         "reinstall": "rm -rf node_modules; yarn; vue-tsc --noEmit"
     },
-    "version": "5.0.0-alpha.263"
+    "version": "5.0.0-alpha.264"
 }

src/components/units/AppGameVariants.vue

@@ -59,7 +59,7 @@
         return logo[appLogoFilePath].default;
     };
     const customBoardRoute = () => {
-        let boardStr = window.prompt('Enter a valid board string:');
+        let boardStr = window.prompt('Enter a valid variant:');
         if (boardStr !== null) {
             router.push({ name: 'game', params: { type: gameType.value, gameId: gameId.value, variantId: boardStr } })
         }

src/components/units/GameBody/AppGameBodyHeaderOptions.vue

@@ -115,7 +115,7 @@
                                 aria-label="toggle"
                                 type="checkbox"
                                 v-model="options.showNextMoves" />
-                            <label for="checkbox">Available Move Predictions</label>
+                            <label for="checkbox">Available Move Buttons</label>
                         </div>
                         <div class="option" v-if="options.showNextMoves">
                             <input class="uni-toggle-button"
@@ -161,6 +161,7 @@
     const gameType = route.params.type as string;
     const gameId = route.params.gameId as string;
     const variantId = route.params.variantId as string;
+    //const animationSpeeds = ["None", "Very Fast (2.0x)", "Fast (1.5x)", "Normal (1.0x)"]
 
     const game = computed(() => store.getters.game(gameType, gameId));
     const gameVariant = computed(() => store.getters.variant(gameType, gameId, variantId));

src/components/units/GameBody/CharacterAutoGUI.vue

@@ -287,14 +287,15 @@
 
       // Highlight move cells on hover
       g:hover > &.move {
+        cursor: pointer;
         fill: var(--neutralColor);
       }
     }
 
     .app-game-board-default-token {
-      alignment-baseline: middle;
       text-anchor: middle;
-      cursor: default;
+      alignment-baseline: middle;
+      cursor: pointer;
 
       [data-turn="A"] &.move {
         fill: var(--turn1Color);
@@ -361,6 +362,7 @@
     }
 
     &:hover {
+      cursor: pointer;
       animation-name: pulsing-arrow;
       animation-duration: 0.3s;
       animation-iteration-count: infinite;

src/components/units/GameBody/CustomGUISim.vue

@@ -115,6 +115,7 @@
         }
 
         &:hover {
+            cursor: pointer;
             animation-name: pulsing-line;
             animation-duration: 0.3s;
             animation-iteration-count: infinite;

src/components/units/GameBody/ImageAutoGUI.vue

@@ -182,7 +182,7 @@
         const move = {
           str: nextMoveData.move,
           hint: nextMoveData.moveValue,
-          hintOpacity: nextMoveData.moveValueOpacity,
+          hintOpacity: !options.value.showNextMoves ? 0.001 : nextMoveData.moveValueOpacity,
           nextPosition: nextMoveData.position
         };
 
@@ -330,6 +330,7 @@
     }
 
     &:hover {
+      cursor: pointer;
       animation-name: pulsing-token;
       animation-duration: 0.3s;
       animation-iteration-count: infinite;
@@ -375,6 +376,7 @@
     }
 
     &:hover {
+      cursor: pointer;
       animation-name: pulsing-arrow;
       animation-duration: 0.3s;
       animation-iteration-count: infinite;
@@ -398,6 +400,7 @@
     }
 
     &:hover {
+      cursor: pointer;
       animation-name: pulsing-line;
       animation-duration: 0.3s;
       animation-iteration-count: infinite;