diff options
| author | Ben Harris <bjh21@bjh21.me.uk> | 2023-12-07 18:16:10 +0000 |
|---|---|---|
| committer | Ben Harris <bjh21@bjh21.me.uk> | 2023-12-07 18:46:03 +0000 |
| commit | 4d45ea5bf2294d92612170c79ad75399cf7bf377 (patch) | |
| tree | b5c3ea490cf86102216631b0b603eba1fb1f8abb /html | |
| parent | 3243a1fd779fd4d1453b27bf938c513e471df08f (diff) | |
| download | puzzles-4d45ea5bf2294d92612170c79ad75399cf7bf377.zip puzzles-4d45ea5bf2294d92612170c79ad75399cf7bf377.tar.gz puzzles-4d45ea5bf2294d92612170c79ad75399cf7bf377.tar.bz2 puzzles-4d45ea5bf2294d92612170c79ad75399cf7bf377.tar.xz | |
js: Turn the resize handle into embedded SVG
This means that it can inherit the current colour from the HTML around
it, and hence adapt properly to changes of colour scheme.
Diffstat (limited to 'html')
| -rwxr-xr-x | html/jspage.pl | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/html/jspage.pl b/html/jspage.pl index 5c1689e..83f95ce 100755 --- a/html/jspage.pl +++ b/html/jspage.pl @@ -363,9 +363,11 @@ ${unfinishedpara} <div id="resizable"> <canvas id="puzzlecanvas" tabindex="0"></canvas> <div id="statusbar"></div> - <img id="resizehandle" alt="resize" - title="Drag to resize the puzzle. Right-click to restore the default size." - src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%3E%3Cpath%20d='M8.5,1.5l-7,7m7,-4l-4,4m4,-1l-1,1'%20stroke='black'%20stroke-linecap='round'/%3E%3C/svg%3E"> + <svg id="resizehandle" aria-label="resize" width='10' height='10'> + <title>Drag to resize the puzzle. Right-click to restore the default size.</title> + <path d='M8.5,1.5l-7,7m7,-4l-4,4m4,-1l-1,1' + stroke='currentColor' stroke-linecap='round'></path> + </svg> </div> <p> Link to this puzzle: |