w1cdn/spothole
1
0
Fork 0
mirror of https://git.ianrenton.com/ian/spothole.git synced 2026-02-04 01:04:33 +00:00
Code Issues 13 Packages Projects Releases Wiki Activity

Mobile layout tweaks

Browse Source
This commit is contained in:
Ian Renton
2026-01-31 22:24:46 +00:00
parent 3be63a8dd6
commit 9241a26a47
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/spots.html
View File

@@ -10,13 +10,13 @@
<div class="mt-3"> <div class="mt-3">
<div id="settingsButtonRow" class="row mb-3"> <div id="settingsButtonRow" class="row mb-3">
<div class="col-4"> <div class="col-md-4 mb-3 mb-md-0">
<div class="d-inline-flex gap-3"> <div class="d-inline-flex gap-3">
{% module Template("widgets/run-pause.html", web_ui_options=web_ui_options) %} {% module Template("widgets/run-pause.html", web_ui_options=web_ui_options) %}
<div class="d-inline-flex">{% raw web_ui_options["support-button-html"] %}</div> <div class="d-inline-flex">{% raw web_ui_options["support-button-html"] %}</div>
</div> </div>
</div> </div>
<div class="col-8 text-end"> <div class="col-md-8 text-end">
<div class="d-inline-flex gap-3"> <div class="d-inline-flex gap-3">
{% module Template("widgets/search.html", web_ui_options=web_ui_options) %} {% module Template("widgets/search.html", web_ui_options=web_ui_options) %}
{% module Template("widgets/filters-display-buttons.html", web_ui_options=web_ui_options) %} {% module Template("widgets/filters-display-buttons.html", web_ui_options=web_ui_options) %}

4
templates/widgets/run-pause.html
View File

@@ -1,7 +1,7 @@
<span class="btn-group" role="group"> <span class="btn-group" role="group">
<input type="radio" class="btn-check" name="runPause" id="runButton" autocomplete="off" checked> <input type="radio" class="btn-check" name="runPause" id="runButton" autocomplete="off" checked>
<label class="btn btn-outline-primary" for="runButton"><i class="fa-solid fa-play"></i><span class="hideonmobile">&nbsp;Run</span></label> <label class="btn btn-outline-primary" for="runButton"><i class="fa-solid fa-play"></i>&nbsp;Run</label>
<input type="radio" class="btn-check" name="runPause" id="pauseButton" autocomplete="off"> <input type="radio" class="btn-check" name="runPause" id="pauseButton" autocomplete="off">
<label class="btn btn-outline-primary" for="pauseButton"><i class="fa-solid fa-pause"></i><span class="hideonmobile">&nbsp;Pause</span></label> <label class="btn btn-outline-primary" for="pauseButton"><i class="fa-solid fa-pause"></i>&nbsp;Pause</label>
</span> </span>

2
webassets/css/style.css
View File

@@ -87,7 +87,7 @@ input#search {
i#searchicon { i#searchicon {
position: absolute; position: absolute;
left: 1rem; left: 0rem;
top: 2px; top: 2px;
padding: 10px; padding: 10px;
pointer-events: none; pointer-events: none;

2
webassets/js/spots.js
View File

@@ -318,7 +318,7 @@ function createNewTableRowsForSpot(s, highlightNew) {
var bandFullName = s['band'] ? s['band'] + " band": "Unknown band"; var bandFullName = s['band'] ? s['band'] + " band": "Unknown band";
// Format "worked" checkbox // Format "worked" checkbox
var workedCheckbox = `<input type="checkbox" ${alreadyWorkedThis ? "checked" : ""} onClick="setWorkedState('${s['dx_call']}', '${s['band']}', '${s['mode']}', ${alreadyWorkedThis ? "false" : "true"});">`; var workedCheckbox = `<input type="checkbox" ${alreadyWorkedThis ? "checked" : ""} onClick="setWorkedState('${s['dx_call']}', '${s['band']}', '${s['mode']}', ${alreadyWorkedThis ? "false" : "true"});" title="Check this box to record that you have worked this callsign on their current band and mode.">`;
// Populate the row // Populate the row
if (showTime) { if (showTime) {