Änderungen CSS und Verbesserungen Mobilität

This commit is contained in:
ja
2021-08-06 13:17:53 +02:00
parent 62009c9f07
commit 53e9a09791
5 changed files with 201 additions and 183 deletions

View File

@@ -94,7 +94,9 @@
display: none; display: none;
position: absolute; position: absolute;
background-color: #fff; background-color: #fff;
min-width:160px;
min-width: 10em; min-width: 10em;
min-width: 20.833333333333336vw;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1; z-index: 1;
} }
@@ -125,9 +127,10 @@
table{ table{
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0px;
width: 100%; width: 100%;
border: 1px solid #ddd; border: 1px solid #ddd;
border:0.13020833333333331vw solid #ddd;
background-color:white; background-color:white;
color:#043381; color:#043381;
} }
@@ -186,11 +189,14 @@
left: 65%; left: 65%;
right: auto; right: auto;
width: 100px; width: 100px;
width: 13.020833333333334vw;
height: 20%; height: 20%;
position: relative; position: relative;
color: #043381; color: #043381;
padding: 0px; padding: 0px;
font-size:16px;
font-size: 1em; font-size: 1em;
font-size:2.083333333333333vw;
border: none; border: none;
z-index:512; z-index:512;
} }
@@ -247,9 +253,7 @@
} }
@media (min-width: 768px) { @media (min-width: 768px) {
#offcanvasWithBothOptions { #offcanvasWithBothOptions {
min-width: 350px;
min-width: 21.875em; min-width: 21.875em;
max-width: 350px;
max-width: 21.875em; max-width: 21.875em;
} }
} }
@@ -388,7 +392,7 @@
<!-- Navigation Bar--> <!-- Navigation Bar-->
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-expand-lg navbar-light">
<li class="nav-item"> <li class="nav-item">
<a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><img src="images/Logo_small.png" alt="Verag Spedition AG Logo" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a> <a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><img src="images/Logo_small.png" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
</li> </li>
</nav> </nav>
</div> </div>

View File

@@ -131,7 +131,7 @@
<div id="main-menu"> <div id="main-menu">
<!-- <ul><div id="art-banner2"></div> --> <!-- <ul><div id="art-banner2"></div> -->
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" alt="" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a> <a class="navbar-brand" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
<% <%
Dim flagpath = "images/flags/flagge_DE_AT.gif" Dim flagpath = "images/flags/flagge_DE_AT.gif"

File diff suppressed because one or more lines are too long

View File

@@ -167,11 +167,10 @@
<body style="width:500px;padding:0px;margin:0px;overflow-x: hidden;background-image:none;align-self:center" > <body style="width:500px;width:25vw;padding:0px;margin:0px;overflow-x: hidden;background-image:none;align-self:center" >
<div style="width:100%;height:35px;background-color: #003680;font-size:16px;color:white;padding:10px;" ><b>Feedback Verag Spedition AG</b></div> <div style="width:100%;height:35px;background-color: #003680;font-size:16px;color:white;padding:10px;" ><b>Feedback Verag Spedition AG</b></div>
<form id="form1" runat="server"> <form id="form1" runat="server">
Sie können uns hier eine Nachricht schreiben, ein Mitarbeiter wird sich umgehend darum kümmern: Sie können uns hier eine Nachricht schreiben, ein Mitarbeiter wird sich umgehend darum kümmern:
<br/> <br/> <br/> <br/>
<table style="width:100%; height: 361px;"> <table style="width:100%; height: 361px;">

View File

@@ -7,7 +7,7 @@
<!-- Bootstrap --> <!-- Bootstrap -->
<html lang="en"> <html lang="en">
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" http-equiv="X-UA-Compatible" content="IE=edge"/>
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
@@ -53,7 +53,7 @@
' End Property, ' End Property,
</script> </script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>VERAG Spedition AG</title> <title>VERAG Spedition AG</title>
<link rel="stylesheet" type="text/css" href="css/main.css"/> <link rel="stylesheet" type="text/css" href="css/main.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/>
@@ -118,6 +118,7 @@
.alert { .alert {
width:83em; width:83em;
width:1328px; width:1328px;
width: 172.91666666666669vw;
} }
li { li {
list-style-type: none; list-style-type: none;
@@ -130,6 +131,8 @@
.dropdown{ .dropdown{
margin-top:-23px; margin-top:-23px;
margin-top: -1.438em;
margin-top:-2.994791666666667vw;
margin-right:5% margin-right:5%
} }
/*Button Dropdown Menue Language Picker*/ /*Button Dropdown Menue Language Picker*/
@@ -139,7 +142,11 @@
color: #043381; color: #043381;
background-color:#fff; background-color:#fff;
padding: 16px; padding: 16px;
padding: 1em;
padding: 2.083333333333333vw;
font-size: 16px; font-size: 16px;
font-size:1em;
font-size:1.083333333333333vw;
border: none; border: none;
} }
@@ -149,7 +156,11 @@
position: absolute; position: absolute;
background-color: #fff; background-color: #fff;
min-width: 160px; min-width: 160px;
min-width: 10em;
min-width: 10.833333333333336vw;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0.5em 1em 0px rgba(0,0,0,0.2);
box-shadow: 0px 1.0416666666666665vw 2.083333333333333vw 0vw rgba(0,0,0,0.2);
z-index: 10; z-index: 10;
} }
@@ -157,6 +168,8 @@
.dropdown-content a { .dropdown-content a {
color: black; color: black;
padding: 12px 16px; padding: 12px 16px;
padding: 0.75em 1em;
padding: 1.5625vw 2.083333333333333vw;
text-decoration: none; text-decoration: none;
display: block; display: block;
} }
@@ -197,32 +210,40 @@
@media (max-width: 768px) { @media (max-width: 768px) {
#sidebar { #sidebar {
margin-left: -250px; padding-top: 8px;
padding-top:0.5em; padding-top: 0.5em;
font-size:1.2em; padding-top: 1.0416666666666665vw;
font-size: 1.25em;
} }
#content{ #content{
font-size:1.56em; font-size:1.25em;
max-width:100%; max-width:100%;
min-width:60%; min-width:70%;
} }
#footer_content{ #footer_content{
font-size:0.4em; font-size:0.4em;
font-size:0.8333333333333334vw;
padding-inline:1px; padding-inline:1px;
padding-inline:0.13020833333333331vw;
max-width:100%; max-width:100%;
min-width:60%; min-width:60%;
} }
.nav-link dropdown-toggle .nav-link dropdown-toggle
{ {
font-size:0.96em; font-size:0.96em;
font-size: 2vw;
font-style:inherit; font-style:inherit;
font-size-adjust:-2.52; font-size-adjust:-2.52;
} }
nav-item dropdown::marker{ nav-item dropdown::marker{
font-size:0px; font-size:0px;
font-size:0em;
font-size:0vw;
} }
#navbarDropdown{ #navbarDropdown{
font-size:13.76px;
font-size:0.86em; font-size:0.86em;
font-size: 1.7916666666666667vw;
} }
#navbar{ #navbar{
font-size:initial; font-size:initial;
@@ -234,12 +255,13 @@
display:compact; display:compact;
} }
table th td { table th td {
font-size: 12px; font-size: 45px;
display:block; display:block;
} }
tbody{ tbody{
height:150px; height:150px;
width:fit-content; height: 11.71875vh;
width: fit-content;
overflow-y:auto; overflow-y:auto;
overflow-x:hidden; overflow-x:hidden;
} }
@@ -261,7 +283,7 @@
font-size:1.2em; font-size:1.2em;
} }
#content{ #content{
font-size:1.56em; font-size:2em;
max-width:50%; max-width:50%;
min-width:50%; min-width:50%;
margin-left:0.25em; margin-left:0.25em;
@@ -271,6 +293,7 @@
} }
#footer_content{ #footer_content{
font-size:0.4em; font-size:0.4em;
font-size: 0.8333333333333334vw;
padding-inline:1px; padding-inline:1px;
max-width:100%; max-width:100%;
min-width:60%; min-width:60%;
@@ -278,18 +301,21 @@
.nav-link dropdown-toggle .nav-link dropdown-toggle
{ {
font-size:0.86em; font-size:0.86em;
font-size:1.7916666666666667vw;
font-style:inherit; font-style:inherit;
font-size-adjust:-4.52; font-size-adjust:-4.52;
} }
nav-item dropdown::marker{ nav-item dropdown::marker{
font-size:0px; font-size: 0em;
font-size:0vw;
overflow:hidden; overflow:hidden;
} }
#navbarDropdown{ #navbarDropdown{
font-size:initial; font-size:initial;
} }
#navbar{ #navbar{
font-size:initial; font-size:1.125em;
font-size:2.34375vw;
overflow:hidden; overflow:hidden;
background-color:#fff; background-color:#fff;
} }
@@ -301,14 +327,16 @@
} }
} }
#navbar.menu_class{ #navbar.menu_class{
width:20px; width: 1.25em;
height:14px; width: 2.604166666666667vw;
height: 0.875em;
height: 1.09375vh;
} }
#pagecontent{ #pagecontent{
font-size: 17.92px; font-size: 1.12em;
font-size:1.12em; font-size: 2.3333333333333335vw;
display:flex; display: flex;
align-items: center; align-items: center;
justify-content: center justify-content: center
} }
@@ -319,12 +347,14 @@
border-color: #043381; border-color: #043381;
} }
table{ table{
font-size: 16px; font-size: 1em;
font-size:1.150066666666665vw;
} }
alert alert-success align-items-center{ alert alert-success align-items-center{
width:125px; width: 7.813em;
height:auto; width: 16.276041666666664vw;
height: auto;
} }
alert{ alert{
@@ -334,14 +364,22 @@
li { li {
list-style-type: none; list-style-type: none;
} }
navbar { navbar {
background-color:#fff; background-color:#fff;
} }
.topnav-right { .topnav-right {
float: right; float: right;
} }
#abstand{
height:30px;
height:1.875em;
height:2.34375vh;
}
</style> </style>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head> </head>
<body> <body>
@@ -419,12 +457,12 @@
<!-- Page Content --> <!-- Page Content -->
<div class="container"> <div class="container">
<div class="align-content-center" style="margin-top:5px;margin-top:0.313em"> <div class="align-content-center" style="margin-top:5px;margin-top:0.313em; margin-top:0.6510416666666667vw;">
<div class="content"> <div class="content">
<div class="d-none d-md-block"> <div class="d-none d-md-block">
<nav class="navbar navbar-expand-md navbar-light bg-light" style="background-color:#fff;"> <nav class="navbar navbar-expand-md navbar-light bg-light" style="background-color:#fff;">
<div class="container"> <div class="container">
<a class="navbar-brand" id="navbarbrandhauptpage" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" alt="Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a> <a class="navbar-brand" id="navbarbrandhauptpage" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
<% <%
Dim curentMenuId As String = "1" Dim curentMenuId As String = "1"
@@ -437,7 +475,7 @@
<div class="me-auto"> <div class="me-auto">
<div class="dropdown" style="background-color:#fff; color:#043381;"> <div class="dropdown" style="background-color:#fff; color:#043381;">
<button class="dropbtn"> <center><img id="myImage" src="<%=flagpath%>" style="border:1px solid #fff;width:30px;" /></center></button> <button class="dropbtn"> <center><img id="myImage" src="<%=flagpath%>" style="border:1px solid #fff; border:0.063rem solid #fff; border:0.13020833333333331vw solid #fff; width:30px;" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG"/></center></button>
<div class="dropdown-content"> <div class="dropdown-content">
<% Dim stringDE = "&nbsp DE" <% Dim stringDE = "&nbsp DE"
Dim stringEN = "&nbsp EN" Dim stringEN = "&nbsp EN"
@@ -455,14 +493,13 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</nav> </nav>
</div> </div>
<div class="d-md-none"> <div class="d-md-none">
<nav class="navbar navbar-expand-lg navbar-light bg-light" style="background-color:#fff;"> <nav class="navbar navbar-expand-lg navbar-light bg-light" style="background-color:#fff;">
<a href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" alt="" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a> <a href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions" style="background-color:#fff;color:#043381;"><img id="myImage" src="<%=flagpath%>" style="border:1px solid #fff;width:30px;"/></button> <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions" style="background-color:#fff;color:#043381;"><img id="myImage" src="<%=flagpath%>" style="border:1px solid #fff;width:30px;"/></button>
</div> </div>
@@ -565,14 +602,12 @@
<table style="width:100%" class="table-responsive"><tr> <td> <table style="width:100%" class="table-responsive"><tr> <td>
<table> <table>
<tr><td style="width:150px"></td><td></td></tr> <tr><td style="width:150px"></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(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><td><b><%= LT.getTxt(14, lan, "LKW-ID") %>:</b></td><td><%= AVISO.AvisoID %></td></tr>
<tr style="height:10px"></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(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><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"></tr>
<tr><td><b>STATUS:</b></td><td><span ><% <tr><td><b>STATUS:</b></td><td><span ><%
Select Case(AVISO.Status) Select Case(AVISO.Status)
@@ -593,7 +628,6 @@
If AVISO.Ankunft <> VERAG_PROG_ALLGEMEIN.cAllgemein.LeerDatum Then Response.Write("<tr><td><b>" & LT.getTxt(10, lan, "Ankunft") & ":&nbsp;&nbsp;<b></td><td>" & AVISO.Ankunft & "</td></tr>") If AVISO.Ankunft <> VERAG_PROG_ALLGEMEIN.cAllgemein.LeerDatum Then Response.Write("<tr><td><b>" & LT.getTxt(10, lan, "Ankunft") & ":&nbsp;&nbsp;<b></td><td>" & AVISO.Ankunft & "</td></tr>")
If AVISO.Freigabe <> VERAG_PROG_ALLGEMEIN.cAllgemein.LeerDatum Then Response.Write("<tr><td><b>" & LT.getTxt(15, lan, "Freigabe") & ":&nbsp;&nbsp;<b></td><td>" & AVISO.Freigabe & "</td></tr>") If AVISO.Freigabe <> VERAG_PROG_ALLGEMEIN.cAllgemein.LeerDatum Then Response.Write("<tr><td><b>" & LT.getTxt(15, lan, "Freigabe") & ":&nbsp;&nbsp;<b></td><td>" & AVISO.Freigabe & "</td></tr>")
%> %>
</td> </td>
</tr> </tr>
</table> </table>
@@ -639,8 +673,6 @@
</tr> </tr>
</table> </table>
</div> </div>
<% <%
If true Then 'AVISO.Status <> 1 And AVISO.Status <> 2 Then 'SENDUNGSTABELLE If true Then 'AVISO.Status <> 1 And AVISO.Status <> 2 Then 'SENDUNGSTABELLE
Dim SENDUNG_LIST As New List(Of VERAG_PROG_ALLGEMEIN.cSendungen) Dim SENDUNG_LIST As New List(Of VERAG_PROG_ALLGEMEIN.cSendungen)
@@ -655,7 +687,7 @@
</svg> </svg>
<p><div class="alert alert-success align-items-center" role="alert" style="width:98%;"> <p><div class="alert alert-success align-items-center" role="alert" style="width:98%;">
<svg class="bi shrink-0 me-2" width="1.5em" height="1.5em" role="img" aria-label="Success:"><use xlink:href="#check-circle-fill"/></svg> <svg class="bi shrink-0 me-2" width="3.125vw" height="1.875vh" role="img" aria-label="Success:"><use xlink:href="#check-circle-fill"/></svg>
<div> <div>
<h2 class="alert-heading">Das Warten hat ein Ende!</h2> <h2 class="alert-heading">Das Warten hat ein Ende!</h2>
<p> <%= LT.getTxt(16, lan, "Der LKW ist fertig, bitte kommen Sie zum Schalter!") %><p> <p> <%= LT.getTxt(16, lan, "Der LKW ist fertig, bitte kommen Sie zum Schalter!") %><p>
@@ -664,20 +696,19 @@
<!-- <div> <img src="images/okround.jpg" style="height:50px"/><h1 class="statusLKW_OK">&nbsp;&nbsp; <%'= LT.getTxt(16, lan, "Der LKW ist fertig, bitte kommen Sie zum Schalter!") %></h1></div>--> <!-- <div> <img src="images/okround.jpg" style="height:50px"/><h1 class="statusLKW_OK">&nbsp;&nbsp; <%'= LT.getTxt(16, lan, "Der LKW ist fertig, bitte kommen Sie zum Schalter!") %></h1></div>-->
<% Elseif AVISO.Status = 3 Then %> <% Elseif AVISO.Status = 3 Then %>
<div style="height:20px; height:fit-content;"></div> <div style="height:20px; height:1.25em; height:2.604166666666667vw"></div>
<!-- <h3><%'= LT.getTxt(17, lan, "Ihr LKW wird gerade bearbeitet!") %></h3> --> <!-- <h3><%'= LT.getTxt(17, lan, "Ihr LKW wird gerade bearbeitet!") %></h3> -->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="info-fill" fill="currentColor" viewBox="0 0 16 16"> <symbol id="info-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/> <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
</symbol></svg> </symbol></svg>
<p><div class="alert alert-primary d-flex align-items-center" role="alert" style="width:98%;"> <p><div class="alert alert-primary d-flex align-items-center" role="alert" style="width:98%;">
<svg class="bi flex-shrink-0 me-2" width="1.5em" height="1.5em" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg> <svg class="bi flex-shrink-0 me-2" width="3.125vw" height="1.875vh" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg>
<div> <div>
<h2 class="alert-heading">Bitte warten Sie!</h2> <h2 class="alert-heading">Bitte warten Sie!</h2>
<p><%=LT.getTxt(17, lan, "Ihr LKW wird gerade bearbeitet!") %></p> <p><%=LT.getTxt(17, lan, "Ihr LKW wird gerade bearbeitet!") %></p>
</div> </div>
</div></p> </div></p>
<!-- <div class="alert alert-primary d-flex align-items-center" role="alert"> <!-- <div class="alert alert-primary d-flex align-items-center" role="alert">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg> <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg>
<div> <div>
@@ -685,17 +716,16 @@
</div> </div>
</div> --> </div> -->
<!-- <div style="height:20px"></div>--> <!-- <div style="height:20px"></div>-->
<span style="font-size:1em;font-size:16px;"><%= 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: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>
<% End If %> <% End If %>
<div style="height:30px"></div> <br /> <div id="abstand"></div> <br />
<br /> <br />
<br /> <br />
<h1><%= LT.getTxt(19, lan, "Sendungsliste!") %></h1> <h1><%= LT.getTxt(19, lan, "Sendungsliste!") %></h1>
</div> </div>
<div id="conovertab"> <div id="conovertab">
<div class="container-flex"> <div class="container-flex">
<table class="tableStatus table-striped" id="tablemain" border="8" cellspacing="0"> <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> <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>
@@ -787,7 +817,7 @@
</symbol> </symbol>
</svg> </svg>
<p><div class="alert alert-danger align-items-center" role="alert" style="width:98%;"> <p><div class="alert alert-danger align-items-center" role="alert" style="width:98%;">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:"> <svg class="bi flex-shrink-0 me-2" width="3.125vw" height="1.875vh" role="img" aria-label="Danger:">
<use xlink:href="#exclamation-triangle-fill"/></svg> <use xlink:href="#exclamation-triangle-fill"/></svg>
<div> <div>
<% Response.Write("<b>" & LT.getTxt(26, lan, "Der LKW konnte leider nicht gefunden werden!") & "</b>") %> <% Response.Write("<b>" & LT.getTxt(26, lan, "Der LKW konnte leider nicht gefunden werden!") & "</b>") %>