Änderungen fast aller pixel werte zu responsive Werten um möglichst viele Geräte abzudecken. Tests am Handy erfolgreich! (Alle pixel weg bis auf die Werte zum zu und aufklappen des Seitenmenüs)
This commit is contained in:
ja
@@ -98,7 +98,7 @@
|
||||
color: #fff;
|
||||
background-color: #043381;
|
||||
border-color: #0a58ca;
|
||||
box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
|
||||
box-shadow: 0 0 0 0.25rem rgba(49,132,253,.5)
|
||||
}
|
||||
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
@@ -117,7 +117,7 @@
|
||||
/*# sourceMappingURL=bootstrap.min.css.map */
|
||||
.alert {
|
||||
width:83em;
|
||||
width:1328px;
|
||||
/* width:1328px;*/
|
||||
width: 172.91666666666669vw;
|
||||
}
|
||||
li {
|
||||
@@ -130,9 +130,7 @@
|
||||
}
|
||||
|
||||
.dropdown{
|
||||
margin-top:-23px;
|
||||
margin-top: -1.438em;
|
||||
margin-top:-2.994791666666667vw;
|
||||
margin-top:-23px;
|
||||
margin-right:5%
|
||||
}
|
||||
/*Button Dropdown Menue Language Picker*/
|
||||
@@ -216,14 +214,14 @@
|
||||
font-size: 1.25em;
|
||||
}
|
||||
#content{
|
||||
font-size:1.25em;
|
||||
font-size:20px;
|
||||
max-width:100%;
|
||||
min-width:70%;
|
||||
}
|
||||
#footer_content{
|
||||
font-size:0.4em;
|
||||
font-size:0.8333333333333334vw;
|
||||
padding-inline:1px;
|
||||
padding-inline:0.063em;
|
||||
padding-inline:0.13020833333333331vw;
|
||||
max-width:100%;
|
||||
min-width:60%;
|
||||
@@ -241,7 +239,7 @@
|
||||
font-size:0vw;
|
||||
}
|
||||
#navbarDropdown{
|
||||
font-size:13.76px;
|
||||
/* font-size:13.76px;*/
|
||||
font-size:0.86em;
|
||||
font-size: 1.7916666666666667vw;
|
||||
}
|
||||
@@ -249,22 +247,25 @@
|
||||
font-size:initial;
|
||||
}
|
||||
#sidebar.active {
|
||||
margin-left: 0;
|
||||
margin-left: 0rem;
|
||||
}
|
||||
#sidebarCollapse span {
|
||||
display:compact;
|
||||
}
|
||||
table th td {
|
||||
font-size: 45px;
|
||||
font-size: 1.438em;
|
||||
display:block;
|
||||
}
|
||||
tbody{
|
||||
height:150px;
|
||||
height: 11.71875vh;
|
||||
font-size:18px;
|
||||
font: 1.125em;
|
||||
height: auto;
|
||||
width: fit-content;
|
||||
overflow-y:auto;
|
||||
overflow-x:hidden;
|
||||
flex-wrap:wrap;
|
||||
}
|
||||
|
||||
#conovertab{
|
||||
overflow-x:auto;
|
||||
}
|
||||
@@ -278,23 +279,26 @@
|
||||
|
||||
@media (min-width: 768px){
|
||||
#sidebar {
|
||||
margin-left: -250px;
|
||||
margin-left: /*-250px*/-15.625rem;
|
||||
padding-top:0.5em;
|
||||
font-size:1.2em;
|
||||
padding-top:0.6254886630179828vh;
|
||||
/* font-size:18px;*/
|
||||
font-size:1.563em;
|
||||
}
|
||||
#content{
|
||||
font-size:2em;
|
||||
font-size:1.563em;
|
||||
max-width:50%;
|
||||
min-width:50%;
|
||||
margin-left:0.25em;
|
||||
margin-right:0.25em;
|
||||
margin-left:4px;
|
||||
margin-right:4px;
|
||||
margin-left:0.25rem;
|
||||
margin-right:0.25rem;
|
||||
/*margin-left:4px;
|
||||
margin-right:4px;*/
|
||||
}
|
||||
#footer_content{
|
||||
font-size:0.4em;
|
||||
font-size: 0.8333333333333334vw;
|
||||
padding-inline:1px;
|
||||
/*padding-inline:1px;*/
|
||||
padding-inline:0.09em;
|
||||
max-width:100%;
|
||||
min-width:60%;
|
||||
}
|
||||
@@ -307,6 +311,7 @@
|
||||
}
|
||||
nav-item dropdown::marker{
|
||||
font-size: 0em;
|
||||
font-size:0rem;
|
||||
font-size:0vw;
|
||||
overflow:hidden;
|
||||
}
|
||||
@@ -320,7 +325,7 @@
|
||||
background-color:#fff;
|
||||
}
|
||||
#sidebar.active {
|
||||
margin-left: 0;
|
||||
margin-left: 0rem;
|
||||
}
|
||||
#rowTable{
|
||||
width:120%;
|
||||
@@ -346,7 +351,7 @@
|
||||
background-color: #0741a7;
|
||||
border-color: #043381;
|
||||
}
|
||||
table{
|
||||
table {
|
||||
font-size: 1em;
|
||||
font-size:1.150066666666665vw;
|
||||
}
|
||||
@@ -361,8 +366,8 @@
|
||||
width:60%;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
navbar {
|
||||
@@ -457,7 +462,7 @@
|
||||
|
||||
<!-- Page Content -->
|
||||
<div class="container">
|
||||
<div class="align-content-center" style="margin-top:5px;margin-top:0.313em; margin-top:0.6510416666666667vw;">
|
||||
<div class="align-content-center" style="/*margin-top:5px;*/margin-top:0.313rem; margin-top:0.6510416666666667vw;">
|
||||
<div class="content">
|
||||
<div class="d-none d-md-block">
|
||||
<nav class="navbar navbar-expand-md navbar-light bg-light" style="background-color:#fff;">
|
||||
@@ -598,17 +603,17 @@
|
||||
End Select
|
||||
End If%>
|
||||
|
||||
<div class="d-md-none">
|
||||
<div class="d-md-none">
|
||||
<table style="width:100%" class="table-responsive"><tr> <td>
|
||||
<table>
|
||||
<tr><td style="width:150px"></td><td></td></tr>
|
||||
<tr><td style="/*width:150px*/ width:9.375em;width=10.615711252653927vw"></td><td></td></tr>
|
||||
<tr><td><b><%= LT.getTxt(3, lan, "LKW-Kennzeichen") %>:</b></td><td><span style="font-size:1.25em"><%= AVISO.LKW_Nr %></span></td></tr>
|
||||
<tr><td><b><%= LT.getTxt(14, lan, "LKW-ID") %>:</b></td><td><%= AVISO.AvisoID %></td></tr>
|
||||
<tr style="height:10px"></tr>
|
||||
<tr><td><b><%= LT.getTxt(4, lan, "Avisierer") %>:</b></td><td><%= AVISO.Auftraggeber %></td></tr>
|
||||
<tr><td><b><%= LT.getTxt(8, lan, "Frachtführer") %>:</b></td><td><%= AVISO.Frächter %></td></tr>
|
||||
|
||||
<tr style="height:10px"></tr>
|
||||
<tr style="/*height:10px*/height=0.7818608287724785vh"></tr>
|
||||
<tr><td><b>STATUS:</b></td><td><span ><%
|
||||
Select Case(AVISO.Status)
|
||||
Case 0 : Response.Write("<div class=""statusLKW_Erfasst"">" & LT.getTxt(7, lan, "Erfasst") & "</div>")
|
||||
@@ -620,7 +625,7 @@
|
||||
Case Else : Response.Write("unbekannt")
|
||||
End Select
|
||||
%></span></td></tr>
|
||||
</table>
|
||||
</table>
|
||||
</td><td>
|
||||
<%
|
||||
If AVISO.AvisoEingang <> VERAG_PROG_ALLGEMEIN.cAllgemein.LeerDatum Then Response.Write("<tr><td><b>" & LT.getTxt(13, lan, "Aviso-Eingang") & ": <b></td><td>" & AVISO.AvisoEingang & "</td></tr>")
|
||||
@@ -630,13 +635,13 @@
|
||||
%>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="d-none d-md-block">
|
||||
<table style="width:100%" class="table-responsive"><tr> <td>
|
||||
<table>
|
||||
<tr><td style="width:150px"></td><td></td></tr>
|
||||
<tr><td style="/*width:150px;*/width:9.375em;width: 10.615711252653927vw"></td><td></td></tr>
|
||||
<tr><td><b><%= LT.getTxt(3, lan, "LKW-Kennzeichen") %>:</b></td><td><span style="font-size:20px"><%= AVISO.LKW_Nr %></span></td></tr>
|
||||
<tr><td><b><%= LT.getTxt(14, lan, "LKW-ID") %>:</b></td><td><%= AVISO.AvisoID %></td></tr>
|
||||
|
||||
@@ -716,7 +721,7 @@
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- <div style="height:20px"></div>-->
|
||||
<span style="font-size:1em;font-size:16px;font-size:1.083333333333333vw"><%= LT.getTxt(18, lan, "Bitte haben Sie noch Geduld bis ihr Auftrag fertig ist. Sie können den aktuellen Status Ihres LKWs am Bildschirm verfolgen.<br />Bei Status ""OK"" können Sie an den Schalter kommen.") %></span>
|
||||
<span style="font-size:1em;font-size:16px;font-size:1em"><%= LT.getTxt(18, lan, "Bitte haben Sie noch Geduld bis ihr Auftrag fertig ist. Sie können den aktuellen Status Ihres LKWs am Bildschirm verfolgen.<br />Bei Status ""OK"" können Sie an den Schalter kommen.") %></span>
|
||||
<% End If %>
|
||||
|
||||
<div id="abstand"></div> <br />
|
||||
@@ -726,7 +731,7 @@
|
||||
</div>
|
||||
|
||||
<div id="conovertab">
|
||||
<div class="container-flex">
|
||||
<div class="container-flex" style="flex-flow:nowrap">
|
||||
<table class="tableStatus table-striped" id="tablemain" border="8" cellspacing="0">
|
||||
<thead><tr><th ><%= LT.getTxt(20, lan, "Nr.") %></th><th ><%= LT.getTxt(21, lan, "Spedition/PosNr") %></th><th><%= LT.getTxt(22, lan, "Sendungsdaten") %></th><th><%= LT.getTxt(23, lan, "Absender") %></th><th><%= LT.getTxt(24, lan, "Empfänger") %></th><th> Status </th><th>Infos</th></tr> </thead>
|
||||
<%
|
||||
|
||||
Reference in New Issue
Block a user