Fix broken expansion of Aside

icecream17 · Aug 24, 2024 · 665c85d · 665c85d
1 parent 80f53d4
commit 665c85d
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,11 @@ Note: Many earlier versions are not specified, that's too much work.
 
 When a `@types` dependency updates, they almost always don't affect anything.
 
+## v0.36.1
+
+- (css) Fix explanation changing the size of Aside
+  - Chain explanations now include zero width spaces to break-word nicely.
+
 ## v0.36.0
 
 - (use) Fix ANOTHER massive bug: editing multiple cells now works and is consistent with the visuals

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "solver",
-  "version": "0.36.0",
+  "version": "0.36.1",
   "private": true,
   "homepage": "https://icecream17.github.io/solver",
   "dependencies": {

diff --git a/src/Api/Strategies/xyChain.ts b/src/Api/Strategies/xyChain.ts
@@ -43,7 +43,7 @@ function checkLoop (sudoku: PureSudoku, color1: CandidateID[], color2: Candidate
       return {
          success: true,
          successcount: 1,
-         message: `${color2End.digit} ${color2.map(cand => algebraic(cand.row, cand.column)).join("<>")} ${color1End.digit}`,
+         message: `${color2End.digit} ${color2.map(cand => algebraic(cand.row, cand.column)).join("\u200B<>\u200B")} ${color1End.digit}`,
       } as const
    }
 

diff --git a/src/Api/Strategies/xyLoop.ts b/src/Api/Strategies/xyLoop.ts
@@ -50,7 +50,7 @@ function checkLoop (sudoku: PureSudoku, color1: CandidateID[], color2: Candidate
       return {
          success: true,
          successcount: 1,
-         message: `${color2.map(cand => algebraic(cand.row, cand.column)).join("<>")}<>`,
+         message: `${color2.map(cand => algebraic(cand.row, cand.column)).join("\u200B<>\u200B")}\u200B<>\u200B`,
       } as const
    }
 

diff --git a/src/Elems/AsideElems/StrategyDetails.css b/src/Elems/AsideElems/StrategyDetails.css
@@ -8,4 +8,5 @@
 .StrategyDetails > p {
     margin: 0;
     white-space: pre-wrap;
+    word-break: break-word;
 }
diff --git a/src/Elems/Version.tsx b/src/Elems/Version.tsx
@@ -9,7 +9,7 @@ import StaticComponent from './StaticComponent';
  * <Version />
  */
 function Version () {
-   return <span className="Version">v0.36.0</span>
+   return <span className="Version">v0.36.1</span>
 }
 
 export default StaticComponent(Version)