ps2-controller / react-chess-analysis-board

React component for a fully featured, stylable chess analysis board.
GNU General Public License v3.0
10 stars 4 forks source link

Better Control over styling `Moves` component #2

Open ps2-controller opened 1 year ago

ps2-controller commented 1 year ago

Currently, the style and layout of the Moves component is very limited. Users can change the css applied to:

I would like to give them control over the actual layout in which moves are rendered. For example if you look at the lichess analysis board and start making a bunch of branches, you will see that each move half of the root node renders on a different side, each full move on the root node stacks vertically, and the child nodes visually branch out with CSS.

Even though the state management logic in this library is comparable, the custom styling and control over how moves are laid out in React Chess Analysis Board makes it impossible to create a similar structure for the caller.


Additionally, this library currently forces the use of parentheses to wrap child nodes. I'd like to make that optional once the layout and visual separation of child nodes can be controlled more flexibly. (That can probably be a new issue once this one is complete)

ps2-controller commented 1 year ago

I'm not really sure how to even approach this problem -- I'd love some thoughts and opinions here!

ps2-controller commented 1 year ago

Currently working on this in the detailed-move-styling branch