mirror of
https://github.com/lichess-org/lila.git
synced 2026-05-26 13:51:00 +00:00
Berat121
0c354fa3c6
The material difference display (captured pieces and score) was intercepting mouse events, making it impossible to hover over the Tools dropdown menu when the material element overlapped with it. Adding pointer-events: none fixes this without affecting any functionality, as the material display is purely visual and has no interactive elements.
49 lines
808 B
SCSS
49 lines
808 B
SCSS
.material {
|
|
pointer-events: none;
|
|
|
|
@extend %flex-center-nowrap;
|
|
|
|
div {
|
|
display: inline-block;
|
|
margin-inline-start: 10px;
|
|
}
|
|
|
|
mpiece {
|
|
margin-inline-start: -10px;
|
|
background-size: cover;
|
|
display: inline-block;
|
|
|
|
&.pawn {
|
|
background-image: url('../piece/mono/P.svg');
|
|
}
|
|
|
|
&.bishop {
|
|
background-image: url('../piece/mono/B.svg');
|
|
}
|
|
|
|
&.knight {
|
|
background-image: url('../piece/mono/N.svg');
|
|
}
|
|
|
|
&.rook {
|
|
background-image: url('../piece/mono/R.svg');
|
|
}
|
|
|
|
&.queen {
|
|
background-image: url('../piece/mono/Q.svg');
|
|
}
|
|
|
|
&.king {
|
|
background-image: url('../piece/mono/K.svg');
|
|
}
|
|
|
|
@include if-transp {
|
|
filter: brightness(1.3) drop-shadow(0 1px 1px #000);
|
|
}
|
|
}
|
|
|
|
score {
|
|
@extend %roboto;
|
|
}
|
|
}
|