feat: smaller number size, add class on input

SlikSlaks · Dec 11, 2023 · a0c381e · a0c381e
1 parent b4c4f5d
commit a0c381e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/Cell.tsx b/src/Cell.tsx
@@ -105,7 +105,7 @@ export default function Cell({
           textAnchor="start"
           dominantBaseline="hanging"
           style={{
-            fontSize: '50%',
+            fontSize: '45%',
             fill: focus ? focusNumberColor : numberColor,
           }}
         >

diff --git a/src/CrosswordGrid.tsx b/src/CrosswordGrid.tsx
@@ -241,6 +241,7 @@ export default function CrosswordGrid({ theme }: CrosswordGridProps) {
               spellCheck="false"
               autoCorrect="off"
               style={inputStyle}
+              className="crossword-input"
             />
           </div>
         </GridWrapper>

diff --git a/src/CrosswordProvider.tsx b/src/CrosswordProvider.tsx
@@ -542,7 +542,7 @@ const CrosswordProvider = React.forwardRef<
           }
         });
       },
-      [data, getCellData, notifyAnswerComplete]
+      [data, focused, getCellData, notifyAnswerComplete]
     );
 
     // Any time the checkQueue changes, call checkCorrectness!