Boardgamearena Railways Of The World UI overlay

Make cards/scoreboard visible as an overlay in Railways Of The World

As of 2021-11-20. See the latest version.

// ==UserScript==
// @name        Boardgamearena Railways Of The World UI overlay
// @namespace   Violentmonkey Scripts
// @match       https://boardgamearena.com/*railwaysoftheworld*
// @grant       none
// @version     1.2
// @author      Tethys
// @license     GNU GPLv3
// @description Make cards/scoreboard visible as an overlay in Railways Of The World
// ==/UserScript==

let toggle_button = document.createElement('button');
var wrap = document.getElementById('game_play_area_wrap');
var gameview = document.getElementById('pagesection_gameview');
var panel = document.getElementById('ROTWinfo');

toggle_button.innerHTML = 'Show/hide cards';
toggle_button.style.position = 'fixed';
toggle_button.style.left = '0';
toggle_button.style.top = '62px';
toggle_button.style.background = 'linear-gradient(45deg, rgba(121,72,61,0.8), rgba(150,80,80,0.8))';
toggle_button.style.color = '#eee';
toggle_button.style.fontWeight = 'bold';
toggle_button.style.padding = '0.5em';
toggle_button.style.border = '0.1em solid black';
toggle_button.style.width = '2.1em';
toggle_button.style.writingMode = 'vertical-rl';
toggle_button.style.textOrientation = 'mixed';

panel.style.position = 'absolute';
panel.style.left = '5%';
panel.style.top = '5%'
panel.style.width = '90%';
panel.style.height = '90%';
panel.style.overflow = 'auto';
panel.style.backgroundColor = 'rgba(100,100,100,0.8)';

toggle_button.onclick = function() {
  if (panel.style.display == 'none')
    panel.style.display = 'block'
  else
    panel.style.display = 'none';
}
if (panel)
{
  gameview.insertBefore(toggle_button, wrap);
}


document.getElementById('hideShowOpCards').style.display = 'none';