Wrap unresponsive tables in table-responsive (#131)
permissions.ejs (6 columns), users.ejs (3 columns incl. an inline password-change form), and profile.ejs's domain-permissions table had no .table-responsive wrapper, so on narrow/mobile viewports they'd either overflow the page horizontally or force zoomed-out, unreadable text instead of scrolling within the table. hosts.ejs already had the wrapper — these three didn't. Verified: EJS compiles, npm test 192/192 pass, and fetched each route from a running instance to confirm the wrapper is present in the served HTML.
This commit is contained in:
@@ -143,6 +143,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-header actionMessage" style="display:none"></div>
|
<div class="card-header actionMessage" style="display:none"></div>
|
||||||
|
<div class="table-responsive">
|
||||||
<table class="card-body table table-striped" style="margin-bottom:0">
|
<table class="card-body table table-striped" style="margin-bottom:0">
|
||||||
<thead>
|
<thead>
|
||||||
<th>Type</th>
|
<th>Type</th>
|
||||||
@@ -168,6 +169,7 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -91,10 +91,12 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mb-1 profile-label">Domain permissions</div>
|
<div class="mb-1 profile-label">Domain permissions</div>
|
||||||
|
<div class="table-responsive">
|
||||||
<table class="table table-striped">
|
<table class="table table-striped">
|
||||||
<thead><th>Domain</th><th>Role</th></thead>
|
<thead><th>Domain</th><th>Role</th></thead>
|
||||||
<tbody id="profile-domains"></tbody>
|
<tbody id="profile-domains"></tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -112,6 +112,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-header actionMessage" style="display:none"></div>
|
<div class="card-header actionMessage" style="display:none"></div>
|
||||||
|
<div class="table-responsive">
|
||||||
<table class="card-body table table-striped" style="margin-bottom:0">
|
<table class="card-body table table-striped" style="margin-bottom:0">
|
||||||
<thead>
|
<thead>
|
||||||
<th>Name</th>
|
<th>Name</th>
|
||||||
@@ -121,7 +122,7 @@
|
|||||||
<tbody>
|
<tbody>
|
||||||
<tr jq-repeat="users" jq-repeat-index="username" style="display:none" >
|
<tr jq-repeat="users" jq-repeat-index="username" style="display:none" >
|
||||||
<td class="align-middle">
|
<td class="align-middle">
|
||||||
{{ username }}
|
{{ username }}
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
|
|
||||||
@@ -140,6 +141,7 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user