Anpassung der Weiten der Tabellen und Navbars.

This commit is contained in:
ja
2021-08-13 09:09:27 +02:00
parent 16b1c5fb6a
commit 07fa054a6d
4 changed files with 42 additions and 17 deletions

View File

@@ -99,6 +99,7 @@
background-color:#fff;
/*padding:2px 13px 0px 13px;*/
padding: 0.07849293563579278vw 0.5102040816326531vw 0vw 0.5102040816326531vw;
max-width: /*575px;*/ 126.65198237885463vw;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
@@ -131,12 +132,13 @@
}
table{
border-collapse: collapse;
border-spacing: 0px;
width: 60%;
border-spacing: 0px;
border: 1px solid #ddd;
border:1px solid #ddd;
background-color:white;
color:#043381;
overflow-x:auto;
width: 60%;
}
#flex-container{
width:1800px;
@@ -245,27 +247,33 @@
li {
list-style-type: none;
}
@media (max-width: 768px){
@media (max-width: 575px){
table {
border-collapse: collapse;
border-spacing: 0.125em;
width: 100%;
width: /*575px;*/ 126.65198237885463vw;
border: /*1px*/2.1744791666666665vw solid #ddd;
background-color: white;
color: #043381;
overflow-x:auto;
font-size:2.3769100169779285vw;
font-size:3.3769100169779285vw;
}
}
@media (min-width: 768px) {
@media (min-width: 575px) {
#offcanvasWithBothOptions {
min-width: 17.692852087756545vw;
max-width: 17.692852087756545vw;
}
#normaltable {
font-size:0.6893156080748399vw;
padding-left: -0.125em;
#normaltable {
padding-left: -0.125em;
}
#conovertab{
/* max-width:width:150px 11.25em;*/
margin-left:35px;
max-width:/*380px;*/ 83.70044052863436vw;
overflow-x:auto;
}
}
</style>
@@ -420,7 +428,9 @@
'%>
<h2><%=STANDORT %></h2>
</span>
<div id="conovertab">
<div class="container-xxl" style="overflow-y:auto;scroll-padding-inline:auto;min-width:97%; max-width:100%">
<table class="table table-hover" id="normaltable" border="0" cellspacing="0" contenteditable="false">
<thead style="background-color:#043381; color:white; font-weight:900"><tr ><th>Nr.</th><th>LKW Kennzeichen</th><th>Frächter</th><th>Avisierer</th><th>Ankunft</th><th>Dauer</th><th>LKW fertig</th></tr></thead>
<%
@@ -469,7 +479,7 @@
cnt += 1
Next
%>
</table>
</table></div>
</div></div>
<%
End If