feat: make move list accessible to phones in portrait mode somehow

[jonbgamble]

Those browsing with orientation lock have no way to access the move list, annotations, comments. And many without orientation lock just aren't aware they need to rotate their phones to get it.

It could be in the triple dot menu, an initialization parameter, or both.

[bdmendes]

I anticipated that the showMoves: "bottom" configuration would activate in portrait mode. However, it appears that even when explicitly setting this configuration, the moves still do not display at the bottom.

[sylmarch]

Hereby the temporary fix I'm using. It works with release 2.4.7.

@import '../../node_modules/@lichess-org/pgn-viewer/scss/lichess-pgn-viewer.scss';

/** Temporary fix when moves should be displayed below the board. **/
.lpv__side {
    @media (max-width: #{$moves-auto-to-right}) {
        height: 14em;
    }
}

Note: it only works when :

  const lpv = LichessPgnViewer(pgnWidgetElmt, {
    // ...
    showMoves: 'auto'
  });

it does not work when:

  const lpv = LichessPgnViewer(pgnWidgetElmt, {
    // ...
    showMoves: 'bottom'
  });

[bdmendes]

I've also set the height manually and it works well. This was probably a regression.