Fixing Resizing of the table

This commit is contained in:
Silversthorn 2022-06-20 22:39:03 +02:00
parent ce21ed6171
commit 2d3377b497

View File

@ -25,15 +25,15 @@
<!-- Page Title Header Ends-->
{% if data['first_log'] %}
<script>
$(document).ready(function() {
$(document).ready(function () {
bootbox.alert({
backdrop: true,
title: 'Your Feedback Is Appreciated...',
message: '<p>We will only request this information from the admin user once... 😊</p>'
+'<p><strong>All data collected is completely anonymous</strong> and is only used to improve Crafty 4.0 and allow us to more accurately report the number of Crafty 4 users.</p><iframe width="640px" height="480px"'
+'src="https://forms.office.com/Pages/ResponsePage.aspx?id=LwLajNkpXU2CKc95G1oO3MN0Hu3oEUNLr-EtLx31TS5UNUNVQlFNVUVYMEc'
+'1V1BKS0FQUUlERUtWQy4u&embed=true" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%;'
+' max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>',
+ '<p><strong>All data collected is completely anonymous</strong> and is only used to improve Crafty 4.0 and allow us to more accurately report the number of Crafty 4 users.</p><iframe width="640px" height="480px"'
+ 'src="https://forms.office.com/Pages/ResponsePage.aspx?id=LwLajNkpXU2CKc95G1oO3MN0Hu3oEUNLr-EtLx31TS5UNUNVQlFNVUVYMEc'
+ '1V1BKS0FQUUlERUtWQy4u&embed=true" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%;'
+ ' max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>',
buttons: {
ok: {
label: 'Skip Survey/Done',
@ -125,7 +125,6 @@
</div>
<div class="card-body">
<div class="table-responsive">
{% if len(data['servers']) == 0%}
<div style="text-align: center; color: grey;">
<h1>{{ translate('dashboard', 'welcome', data['lang']) }}</h1>
@ -137,7 +136,8 @@
{% end %}
{% if len(data['servers']) > 0 %}
<!-- View for Large screen -->
<table id="servers_table" class="table table-hover d-none d-sm-table">
<div class="table-responsive d-none d-sm-block">
<table id="servers_table" class="table table-hover">
<thead>
<tr class="rounded" id="first" draggable="false">
<th draggable="false">{{ translate('dashboard', 'server', data['lang']) }}</th>
@ -285,8 +285,12 @@
{% end %}
</tbody>
</table>
</div>
{% end %}
{% if len(data['servers']) > 0 %}
<!-- View for Small screen -->
<table id="servers_table" class="table table-hover d-table d-sm-none">
<div class="table-responsive d-block d-sm-none">
<table id="servers_table" class="table table-hover">
<thead>
<tr class="rounded" id="first" draggable="false">
<th scope="col" draggable="false">{{ translate('dashboard', 'server', data['lang']) }}</th>
@ -363,7 +367,7 @@
{% end %}
</td>
<td>
<span data-toggle="collapse" data-target="#details_{{server['server_data']['server_id']}}"
<span class="collapsed" data-toggle="collapse" data-target="#details_{{server['server_data']['server_id']}}"
aria-expanded="false" aria-controls="details_{{server['server_data']['server_id']}}"><i
class="fas fa-chevron-down"></i></span>
</td>
@ -452,8 +456,11 @@
{% end %}
</tbody>
</table>
{% end %}
</div>
<div class="d-sm-none ">
</div>
{% end %}
</div>
</div>
</div>