zakarya/puzzles
1
0
Fork 0
mirror of git://git.tartarus.org/simon/puzzles.git synced 2025-04-21 16:05:44 -07:00
Code Issues Packages Projects Releases Wiki Activity

js: Prettify menu HTML

Browse Source 
Now that we're using flex layout, whitespace in the menu isn't scary and
we can use it to make the HTML readable.

Also finally remove the "afterseparator" class that's long obsolete.
You can always use ".separator + *" as a selector instead.
This commit is contained in:
Ben Harris
2022-11-12 11:22:59 +00:00
parent 27d41e7cf0
commit 8f40128f08
1 changed files with 25 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
html/jspage.pl
View File

@ -305,20 +305,31 @@ ${unfinishedpara}
<hr> <hr>
<div id="puzzle" style="display: none"> <div id="puzzle" style="display: none">
<form id="gamemenu"><ul><li><div>Game...<ul <form id="gamemenu"><ul>
><li><button type="button" id="specific">Enter game ID</button></li <li><div>Game...<ul>
><li><button type="button" id="random">Enter random seed</button></li <li><button type="button" id="specific">Enter game ID</button></li>
><li><button type="button" id="save">Download save file</button></li <li><button type="button" id="random">Enter random seed</button></li>
><li><button type="button" id="load">Upload save file</button></li <li><button type="button" id="save">Download save file</button></li>
></ul></div></li <li><button type="button" id="load">Upload save file</button></li>
><li><div>Type...<ul id="gametype"></ul></div></li </ul></div></li>
><li class="separator"></li <li><div>Type...<ul id="gametype"></ul></div></li>
><li class="afterseparator"><button type="button" id="new">New<span class="verbiage"> game</span></button></li <li class="separator"></li>
><li><button type="button" id="restart">Restart<span class="verbiage"> game</span></button></li <li><button type="button" id="new">
><li><button type="button" id="undo">Undo<span class="verbiage"> move</span></button></li New<span class="verbiage"> game</span>
><li><button type="button" id="redo">Redo<span class="verbiage"> move</span></button></li </button></li>
><li><button type="button" id="solve">Solve<span class="verbiage"> game</span></button></li <li><button type="button" id="restart">
></ul></form> Restart<span class="verbiage"> game</span>
</button></li>
<li><button type="button" id="undo">
Undo<span class="verbiage"> move</span>
</button></li>
<li><button type="button" id="redo">
Redo<span class="verbiage"> move</span>
</button></li>
<li><button type="button" id="solve">
Solve<span class="verbiage"> game</span>
</button></li>
</ul></form>
<div align=center> <div align=center>
<div id="resizable"> <div id="resizable">
<canvas id="puzzlecanvas" width="1px" height="1px" tabindex="1"> <canvas id="puzzlecanvas" width="1px" height="1px" tabindex="1">