Remove table-fixed on mobile as it messes up the layout of the DX Opportunities table

This commit is contained in:
Ian Renton
2026-05-22 22:08:23 +01:00
parent e69bb7a7ec
commit 526acf2cfd
10 changed files with 28 additions and 25 deletions

View File

@@ -69,7 +69,7 @@
<p>This software is dedicated to the memory of Tom G1PJB, SK, a friend and colleague who sadly passed away around the time I started writing it in Autumn 2025. I was looking forward to showing it to you when it was done.</p> <p>This software is dedicated to the memory of Tom G1PJB, SK, a friend and colleague who sadly passed away around the time I started writing it in Autumn 2025. I was looking forward to showing it to you when it was done.</p>
</div> </div>
<script src="/js/common.js?v=1779397205"></script> <script src="/js/common.js?v=1779484103"></script>
<script>$(document).ready(function() { $("#nav-link-about").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-about").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

View File

@@ -69,8 +69,8 @@
</div> </div>
<script src="/js/common.js?v=1779397205"></script> <script src="/js/common.js?v=1779484103"></script>
<script src="/js/add-spot.js?v=1779397205"></script> <script src="/js/add-spot.js?v=1779484103"></script>
<script>$(document).ready(function() { $("#nav-link-add-spot").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-add-spot").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

View File

@@ -70,8 +70,8 @@
</div> </div>
<script src="/js/common.js?v=1779397205"></script> <script src="/js/common.js?v=1779484103"></script>
<script src="/js/alerts.js?v=1779397205"></script> <script src="/js/alerts.js?v=1779484103"></script>
<script>$(document).ready(function() { $("#nav-link-alerts").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-alerts").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

View File

@@ -76,9 +76,9 @@
<script> <script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %}; let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script> </script>
<script src="/js/common.js?v=1779397205"></script> <script src="/js/common.js?v=1779484103"></script>
<script src="/js/spotsbandsandmap.js?v=1779397205"></script> <script src="/js/spotsbandsandmap.js?v=1779484103"></script>
<script src="/js/bands.js?v=1779397205"></script> <script src="/js/bands.js?v=1779484103"></script>
<script>$(document).ready(function() { $("#nav-link-bands").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-bands").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

View File

@@ -1,6 +1,6 @@
{% extends "skeleton.html" %} {% extends "skeleton.html" %}
{% block head_extra %} {% block head_extra %}
<link rel="stylesheet" href="/css/style.css?v=1779397205" type="text/css"> <link rel="stylesheet" href="/css/style.css?v=1779484103" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<link href="/fa/css/fontawesome.min.css" rel="stylesheet" /> <link href="/fa/css/fontawesome.min.css" rel="stylesheet" />
@@ -19,9 +19,9 @@
integrity="sha384-L1eE4eD41kpBIWe2I0eHy+GnEUC4RIpcvibVW2JCminuPlTl+2Bc528iPdVMg5Dn" integrity="sha384-L1eE4eD41kpBIWe2I0eHy+GnEUC4RIpcvibVW2JCminuPlTl+2Bc528iPdVMg5Dn"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<script src="https://misc.ianrenton.com/jsutils/utils.js?v=1779397205"></script> <script src="https://misc.ianrenton.com/jsutils/utils.js?v=1779484103"></script>
<script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1779397205"></script> <script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1779484103"></script>
<script src="https://misc.ianrenton.com/jsutils/geo.js?v=1779397205"></script> <script src="https://misc.ianrenton.com/jsutils/geo.js?v=1779484103"></script>
{% end %} {% end %}
{% block body %} {% block body %}
<div class="container"> <div class="container">

View File

@@ -200,7 +200,7 @@
</div> </div>
</div> </div>
<div id="ionosonde-band-state" class="mb-3 js-hidden"> <div id="ionosonde-band-state" class="mb-3 js-hidden">
<table class="table table-sm table-bordered mb-0 d-none d-md-table table-fixed"> <table class="table table-sm table-bordered mb-0 d-none d-md-table table-fixed-on-desktop">
<thead><tr id="ionosonde-band-state-head"></tr></thead> <thead><tr id="ionosonde-band-state-head"></tr></thead>
<tbody><tr id="ionosonde-band-state-row"></tr></tbody> <tbody><tr id="ionosonde-band-state-row"></tr></tbody>
</table> </table>
@@ -233,7 +233,7 @@
</select> </select>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-sm table-bordered mb-0 table-fixed"> <table class="table table-sm table-bordered mb-0 table-fixed-on-desktop">
<thead> <thead>
<tr> <tr>
<th></th> <th></th>
@@ -271,8 +271,8 @@
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.9/dist/chart.umd.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.9/dist/chart.umd.min.js"></script>
<script src="/js/common.js?v=1779397205"></script> <script src="/js/common.js?v=1779484103"></script>
<script src="/js/conditions.js?v=1779397205"></script> <script src="/js/conditions.js?v=1779484103"></script>
<script>$(document).ready(function () { <script>$(document).ready(function () {
$("#nav-link-conditions").addClass("active"); $("#nav-link-conditions").addClass("active");
}); <!-- highlight active page in nav --></script> }); <!-- highlight active page in nav --></script>

View File

@@ -94,9 +94,9 @@
<script> <script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %}; let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script> </script>
<script src="/js/common.js?v=1779397205"></script> <script src="/js/common.js?v=1779484103"></script>
<script src="/js/spotsbandsandmap.js?v=1779397205"></script> <script src="/js/spotsbandsandmap.js?v=1779484103"></script>
<script src="/js/map.js?v=1779397205"></script> <script src="/js/map.js?v=1779484103"></script>
<script>$(document).ready(function() { $("#nav-link-map").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-map").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

View File

@@ -104,9 +104,9 @@
<script> <script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %}; let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script> </script>
<script src="/js/common.js?v=1779397205"></script> <script src="/js/common.js?v=1779484103"></script>
<script src="/js/spotsbandsandmap.js?v=1779397205"></script> <script src="/js/spotsbandsandmap.js?v=1779484103"></script>
<script src="/js/spots.js?v=1779397205"></script> <script src="/js/spots.js?v=1779484103"></script>
<script>$(document).ready(function() { $("#nav-link-spots").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-spots").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

View File

@@ -59,8 +59,8 @@
</div> </div>
</div> </div>
<script src="/js/common.js?v=1779397205"></script> <script src="/js/common.js?v=1779484103"></script>
<script src="/js/status.js?v=1779397205"></script> <script src="/js/status.js?v=1779484103"></script>
<script> <script>
$(document).ready(function() { $("#nav-link-status").addClass("active"); }); <!-- highlight active page in nav --> $(document).ready(function() { $("#nav-link-status").addClass("active"); }); <!-- highlight active page in nav -->
</script> </script>

View File

@@ -336,7 +336,7 @@ div.band-spot:hover span.band-spot-info {
display: none; display: none;
} }
.table-fixed { .table-fixed-on-desktop {
table-layout: fixed; table-layout: fixed;
} }
@@ -376,6 +376,9 @@ div.band-spot:hover span.band-spot-info {
input#search { input#search {
max-width: 7em; max-width: 7em;
} }
.table-fixed-on-desktop {
table-layout: auto !important;
}
} }
@media (min-width: 992px) { @media (min-width: 992px) {