Comments (3)
Sorry, but it doesn't have a prop to customize notation
from chessboardjsx.
Is it possible to style it atleast? It has no class, no style prop as far as I can see. Kinda hard to modify the look of them.
from chessboardjsx.
If this helps anyone this how styled them to be outside the field (based on view height since I resize by that)
div[data-testid=white-square], div[data-testid=black-square] {
> div:first-child {
user-select: none;
> div:first-child:not([data-testid]), > div:last-child:not([data-testid]), div[data-testid=bottom-left-1] {
font-size: 2.5rem !important;
margin-left: -4vh !important;
align-self: center !important;
color: var(--text) !important;
}
div[data-testid=bottom-left-a], div[data-testid=column-b], div[data-testid=column-c], div[data-testid=column-d], div[data-testid=column-e], div[data-testid=column-f], div[data-testid=column-g], div[data-testid=column-h] {
font-size: 2.5rem !important;
color: var(--text) !important;
margin-top: 7vh !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
}
}
from chessboardjsx.
Related Issues (20)
- why allowDrag is not called at the time of "onStartDrag", but always for all squares? HOT 1
- Legacy context API warnings in React 16.3+
- calcWidth , the zoom feature and the yellow highlight HOT 3
- Wired 1st move after FEN changed HOT 1
- context API warnings in React HOT 3
- WebpackError: ReferenceError: window is not defined when using ChessboardJSX with Gatsby HOT 1
- Next js support? HOT 7
- How to achieve square styles in the landing page demo? HOT 3
- using calcwidth HOT 6
- Ability to select and move rather drag and drop HOT 1
- Chessboard does not always render position updates HOT 4
- Can't drag&drop after dynamically change position HOT 3
- Rotate board - orientation left right HOT 1
- adding sound effect HOT 2
- Not filled Rook / Queen HOT 2
- React Warning HOT 1
- Ability to create promotion panel.
- Adding onStartDrag callback HOT 2
- Piece discoloration after rook/queen capture
- how can I integrate this with stockfish 16?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from chessboardjsx.