Fix missing pieces in promotion and piece alignment
Fix Chessable setup position page by chessskins
Mirrored from a private source
Details
Authorchessskins
LicenseNo License
Categorychessable
Created
Updated
Size1.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
In Chessable there is a menu option called "setup position" that is visible when you have created at least one personal course. The page is missing css rules to align spare pieces and images for promotion pieces. This Style sets 'display:inline-block' and default pieces to promotion panel. After installing this fix, check Chessable periodically to see if the site already fixed the problem.
🟠 Important: in case of any trouble press F5 to reload the page, if images persists or missing after disabled or deleted the style, just delete cookies from the site affected. It solves all! 😉👍
Source code
/* ==UserStyle==
@name Fix Chessable setup position page
@author ChessSkins
@namespace ChessSkins
@homepageURL https://www.chess.com/blog/ChessSkins
@version 1.0.2
@description Fix missing pieces in promotion and piece alignment
@license CC BY-NC-SA 4.0 https://creativecommons.org/licenses/by-nc-sa/4.0/
==/UserStyle== */
@-moz-document url-prefix("https://www.chessable.com/mt1/chess-board-setup-editor/"), url-prefix("https://www.chessable.com/mt1/explore/fen") {
/*chessable fix*/
.setPromotion img {
width: 80px!important;
height: auto!important;
display:inline-block;
}
div[class^="spare-pieces"]>div{
display:inline-block!important;
vertical-align: middle!important;
}
#promoteQueen{
content: url("/img/chesspieces/wikipedia/wQ.png")!important;
}
#promoteKnight{
content: url("/img/chesspieces/wikipedia/wN.png")!important;
}
#promoteBishop{
content: url("/img/chesspieces/wikipedia/wB.png")!important;
}
#promoteRook{
content: url("/img/chesspieces/wikipedia/wR.png")!important;
}
/*End chessable fix*/
}