Fixed Table occupation

This commit is contained in:
Silversthorn 2022-05-18 22:00:20 +02:00
parent c7fab827d9
commit 8c21eddf2b

View File

@ -15,7 +15,8 @@
<div class="page-header"> <div class="page-header">
<h4 class="page-title">{{ translate('dashboard', 'dashboard', data['lang']) }} <h4 class="page-title">{{ translate('dashboard', 'dashboard', data['lang']) }}
{% if data['server_stats']['running'] != 0 %} {% if data['server_stats']['running'] != 0 %}
<span id="sync" style="margin-left: 5px;"><i class="fas fa-sync fa-spin"></i></span></h4> <span id="sync" style="margin-left: 5px;"><i class="fas fa-sync fa-spin"></i></span>
</h4>
{% end %} {% end %}
</div> </div>
</div> </div>
@ -112,7 +113,7 @@
{% end %} {% end %}
{% if len(data['servers']) > 0 %} {% if len(data['servers']) > 0 %}
<!-- View for Large screen --> <!-- View for Large screen -->
<table id="servers_table" class="table table-hover d-none d-sm-block"> <table id="servers_table" class="table table-hover d-none d-sm-table">
<thead> <thead>
<tr class="rounded" id="first" draggable="false"> <tr class="rounded" id="first" draggable="false">
<th draggable="false">{{ translate('dashboard', 'server', data['lang']) }}</th> <th draggable="false">{{ translate('dashboard', 'server', data['lang']) }}</th>
@ -256,7 +257,7 @@
</tbody> </tbody>
</table> </table>
<!-- View for Small screen --> <!-- View for Small screen -->
<table id="servers_table" class="table table-hover d-block d-sm-none"> <table id="servers_table" class="table table-hover d-table d-sm-none">
<thead> <thead>
<tr class="rounded" id="first" draggable="false"> <tr class="rounded" id="first" draggable="false">
<th scope="col" draggable="false">{{ translate('dashboard', 'server', data['lang']) }}</th> <th scope="col" draggable="false">{{ translate('dashboard', 'server', data['lang']) }}</th>
@ -429,14 +430,18 @@
color: white !important; color: white !important;
; ;
} }
#desc_id { #desc_id {
-ms-overflow-style: none; /* for Internet Explorer, Edge */ -ms-overflow-style: none;
scrollbar-width: none; /* for Firefox */ /* for Internet Explorer, Edge */
scrollbar-width: none;
/* for Firefox */
overflow-y: scroll; overflow-y: scroll;
} }
#desc_id::-webkit-scrollbar { #desc_id::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */ display: none;
/* for Chrome, Safari, and Opera */
} }
</style> </style>
@ -763,12 +768,16 @@
<link rel="stylesheet" href="/static/assets/css/jquery-ui.structure.css"> <link rel="stylesheet" href="/static/assets/css/jquery-ui.structure.css">
<style> <style>
@media only screen and (max-width: 760px) { @media only screen and (max-width: 760px) {
#mobile { display: none; } #mobile {
display: none;
} }
}
.ui-sortable-handle { .ui-sortable-handle {
cursor: default; cursor: default;
padding: 2px; padding: 2px;
} }
.ui-sortable-handle:hover { .ui-sortable-handle:hover {
cursor: grab !important; cursor: grab !important;
padding: 2px; padding: 2px;