v5.0.0-alpha.264: Aesthetic 0-to-10-by-1-or-2

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;