diff --git a/WebHostLib/static/assets/supportedGames.js b/WebHostLib/static/assets/supportedGames.js index 1acf0e0cc5..d815e9ebef 100644 --- a/WebHostLib/static/assets/supportedGames.js +++ b/WebHostLib/static/assets/supportedGames.js @@ -1,4 +1,5 @@ window.addEventListener('load', () => { + document.getElementById('js-enabled').style.display = 'block'; const gameHeaders = document.getElementsByClassName('collapse-toggle'); Array.from(gameHeaders).forEach((header) => { const gameName = header.getAttribute('data-game'); diff --git a/WebHostLib/static/styles/supportedGames.css b/WebHostLib/static/styles/supportedGames.css index 1e9a98c17a..a772af6231 100644 --- a/WebHostLib/static/styles/supportedGames.css +++ b/WebHostLib/static/styles/supportedGames.css @@ -24,6 +24,10 @@ cursor: pointer; } +#games h2 .game-name{ + cursor: pointer; +} + #games p.collapsed{ display: none; } @@ -51,3 +55,7 @@ #games #page-controls button{ margin-left: 0.5rem; } + +#games #js-enabled{ + display: none; +} diff --git a/WebHostLib/templates/supportedGames.html b/WebHostLib/templates/supportedGames.html index 63b70216d7..7a59539805 100644 --- a/WebHostLib/templates/supportedGames.html +++ b/WebHostLib/templates/supportedGames.html @@ -12,17 +12,25 @@

Currently Supported Games

-
+
+ + +
{% for game_name in worlds | title_sorted %} {% set world = worlds[game_name] %}

-  {{ game_name }} +   + {{ game_name }}

{% endfor %} +
+ + +
{% endblock %}