fix clue highlighting

rjkat · Nov 9, 2024 · 550d094 · 550d094
1 parent 8915ecb
commit 550d094
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/client/components/CfzClue.vue b/client/components/CfzClue.vue
@@ -32,7 +32,7 @@
                            :value="gridCells[cellId].contents"
                            :data-solver-mask="solverMask"
                            :data-is-pencil="gridCells[cellId].special == '?'"
-                           :class="{highlighted: selected || highlighted}"
+                           :data-highlighted="selected || highlighted"
                            >
                     </input>
                     <span v-if="separator(gridCells[cellId])" class="crossword-separator" v-html="separator(gridCells[cellId])"></span>
@@ -132,7 +132,7 @@
 
 
     @include each-solver using ($color, $lightColor, $sel) {
-        input.highlighted#{$sel} {
+        input[data-highlighted]#{$sel} {
             padding-bottom: 0px;
             border-bottom: 2px solid $color;
         }
@@ -242,7 +242,7 @@ export default Vue.extend({
         return contents;
     },
     highlighted() {
-        return this.clue.highlightMask & this.solverMask;
+        return !!(this.clue.highlightMask & this.solverMask);
     },
     selected() {
         return this.clue.selected;