Änderungen CSS und Verbesserungen Mobilität
This commit is contained in:
ja
@@ -94,7 +94,9 @@
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
min-width:160px;
|
||||
min-width: 10em;
|
||||
min-width: 20.833333333333336vw;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -125,9 +127,10 @@
|
||||
|
||||
table{
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border-spacing: 0px;
|
||||
width: 100%;
|
||||
border: 1px solid #ddd;
|
||||
border:0.13020833333333331vw solid #ddd;
|
||||
background-color:white;
|
||||
color:#043381;
|
||||
}
|
||||
@@ -186,11 +189,14 @@
|
||||
left: 65%;
|
||||
right: auto;
|
||||
width: 100px;
|
||||
width: 13.020833333333334vw;
|
||||
height: 20%;
|
||||
position: relative;
|
||||
color: #043381;
|
||||
padding: 0px;
|
||||
font-size:16px;
|
||||
font-size: 1em;
|
||||
font-size:2.083333333333333vw;
|
||||
border: none;
|
||||
z-index:512;
|
||||
}
|
||||
@@ -247,9 +253,7 @@
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#offcanvasWithBothOptions {
|
||||
min-width: 350px;
|
||||
min-width: 21.875em;
|
||||
max-width: 350px;
|
||||
max-width: 21.875em;
|
||||
}
|
||||
}
|
||||
@@ -388,7 +392,7 @@
|
||||
<!-- Navigation Bar-->
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<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>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
@@ -131,7 +131,7 @@
|
||||
<div id="main-menu">
|
||||
<!-- <ul><div id="art-banner2"></div> -->
|
||||
<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"
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -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>
|
||||
<form id="form1" runat="server">
|
||||
|
||||
|
||||
Sie können uns hier eine Nachricht schreiben, ein Mitarbeiter wird sich umgehend darum kümmern:
|
||||
<br/> <br/>
|
||||
<table style="width:100%; height: 361px;">
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<!-- Bootstrap -->
|
||||
<html lang="en">
|
||||
<!-- 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 -->
|
||||
<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,
|
||||
</script>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
|
||||
<title>VERAG Spedition AG</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css"/>
|
||||
@@ -118,6 +118,7 @@
|
||||
.alert {
|
||||
width:83em;
|
||||
width:1328px;
|
||||
width: 172.91666666666669vw;
|
||||
}
|
||||
li {
|
||||
list-style-type: none;
|
||||
@@ -130,6 +131,8 @@
|
||||
|
||||
.dropdown{
|
||||
margin-top:-23px;
|
||||
margin-top: -1.438em;
|
||||
margin-top:-2.994791666666667vw;
|
||||
margin-right:5%
|
||||
}
|
||||
/*Button Dropdown Menue Language Picker*/
|
||||
@@ -139,7 +142,11 @@
|
||||
color: #043381;
|
||||
background-color:#fff;
|
||||
padding: 16px;
|
||||
padding: 1em;
|
||||
padding: 2.083333333333333vw;
|
||||
font-size: 16px;
|
||||
font-size:1em;
|
||||
font-size:1.083333333333333vw;
|
||||
border: none;
|
||||
}
|
||||
|
||||
@@ -149,7 +156,11 @@
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
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 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;
|
||||
}
|
||||
|
||||
@@ -157,6 +168,8 @@
|
||||
.dropdown-content a {
|
||||
color: black;
|
||||
padding: 12px 16px;
|
||||
padding: 0.75em 1em;
|
||||
padding: 1.5625vw 2.083333333333333vw;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
@@ -197,32 +210,40 @@
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#sidebar {
|
||||
margin-left: -250px;
|
||||
padding-top:0.5em;
|
||||
font-size:1.2em;
|
||||
padding-top: 8px;
|
||||
padding-top: 0.5em;
|
||||
padding-top: 1.0416666666666665vw;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
#content{
|
||||
font-size:1.56em;
|
||||
font-size:1.25em;
|
||||
max-width:100%;
|
||||
min-width:60%;
|
||||
min-width:70%;
|
||||
}
|
||||
#footer_content{
|
||||
font-size:0.4em;
|
||||
font-size:0.8333333333333334vw;
|
||||
padding-inline:1px;
|
||||
padding-inline:0.13020833333333331vw;
|
||||
max-width:100%;
|
||||
min-width:60%;
|
||||
}
|
||||
.nav-link dropdown-toggle
|
||||
{
|
||||
font-size:0.96em;
|
||||
font-size: 2vw;
|
||||
font-style:inherit;
|
||||
font-size-adjust:-2.52;
|
||||
}
|
||||
nav-item dropdown::marker{
|
||||
font-size:0px;
|
||||
font-size:0em;
|
||||
font-size:0vw;
|
||||
}
|
||||
#navbarDropdown{
|
||||
font-size:13.76px;
|
||||
font-size:0.86em;
|
||||
font-size: 1.7916666666666667vw;
|
||||
}
|
||||
#navbar{
|
||||
font-size:initial;
|
||||
@@ -234,12 +255,13 @@
|
||||
display:compact;
|
||||
}
|
||||
table th td {
|
||||
font-size: 12px;
|
||||
font-size: 45px;
|
||||
display:block;
|
||||
}
|
||||
tbody{
|
||||
height:150px;
|
||||
width:fit-content;
|
||||
height: 11.71875vh;
|
||||
width: fit-content;
|
||||
overflow-y:auto;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
@@ -261,7 +283,7 @@
|
||||
font-size:1.2em;
|
||||
}
|
||||
#content{
|
||||
font-size:1.56em;
|
||||
font-size:2em;
|
||||
max-width:50%;
|
||||
min-width:50%;
|
||||
margin-left:0.25em;
|
||||
@@ -271,6 +293,7 @@
|
||||
}
|
||||
#footer_content{
|
||||
font-size:0.4em;
|
||||
font-size: 0.8333333333333334vw;
|
||||
padding-inline:1px;
|
||||
max-width:100%;
|
||||
min-width:60%;
|
||||
@@ -278,18 +301,21 @@
|
||||
.nav-link dropdown-toggle
|
||||
{
|
||||
font-size:0.86em;
|
||||
font-size:1.7916666666666667vw;
|
||||
font-style:inherit;
|
||||
font-size-adjust:-4.52;
|
||||
}
|
||||
nav-item dropdown::marker{
|
||||
font-size:0px;
|
||||
font-size: 0em;
|
||||
font-size:0vw;
|
||||
overflow:hidden;
|
||||
}
|
||||
#navbarDropdown{
|
||||
font-size:initial;
|
||||
}
|
||||
#navbar{
|
||||
font-size:initial;
|
||||
font-size:1.125em;
|
||||
font-size:2.34375vw;
|
||||
overflow:hidden;
|
||||
background-color:#fff;
|
||||
}
|
||||
@@ -301,14 +327,16 @@
|
||||
}
|
||||
}
|
||||
#navbar.menu_class{
|
||||
width:20px;
|
||||
height:14px;
|
||||
width: 1.25em;
|
||||
width: 2.604166666666667vw;
|
||||
height: 0.875em;
|
||||
height: 1.09375vh;
|
||||
}
|
||||
|
||||
#pagecontent{
|
||||
font-size: 17.92px;
|
||||
font-size:1.12em;
|
||||
display:flex;
|
||||
font-size: 1.12em;
|
||||
font-size: 2.3333333333333335vw;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center
|
||||
}
|
||||
@@ -319,12 +347,14 @@
|
||||
border-color: #043381;
|
||||
}
|
||||
table{
|
||||
font-size: 16px;
|
||||
font-size: 1em;
|
||||
font-size:1.150066666666665vw;
|
||||
}
|
||||
|
||||
alert alert-success align-items-center{
|
||||
width:125px;
|
||||
height:auto;
|
||||
width: 7.813em;
|
||||
width: 16.276041666666664vw;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
alert{
|
||||
@@ -334,14 +364,22 @@
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
navbar {
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
.topnav-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#abstand{
|
||||
height:30px;
|
||||
height:1.875em;
|
||||
height:2.34375vh;
|
||||
}
|
||||
</style>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -419,12 +457,12 @@
|
||||
|
||||
<!-- Page Content -->
|
||||
<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="d-none d-md-block">
|
||||
<nav class="navbar navbar-expand-md navbar-light bg-light" style="background-color:#fff;">
|
||||
<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"
|
||||
@@ -437,7 +475,7 @@
|
||||
|
||||
<div class="me-auto">
|
||||
<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">
|
||||
<% Dim stringDE = "  DE"
|
||||
Dim stringEN = "  EN"
|
||||
@@ -455,14 +493,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="d-md-none">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
@@ -565,14 +602,12 @@
|
||||
<table style="width:100%" class="table-responsive"><tr> <td>
|
||||
<table>
|
||||
<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 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><td><b>STATUS:</b></td><td><span ><%
|
||||
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") & ": <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") & ": <b></td><td>" & AVISO.Freigabe & "</td></tr>")
|
||||
%>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -639,8 +673,6 @@
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<%
|
||||
If true Then 'AVISO.Status <> 1 And AVISO.Status <> 2 Then 'SENDUNGSTABELLE
|
||||
Dim SENDUNG_LIST As New List(Of VERAG_PROG_ALLGEMEIN.cSendungen)
|
||||
@@ -655,7 +687,7 @@
|
||||
</svg>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
@@ -664,20 +696,19 @@
|
||||
<!-- <div> <img src="images/okround.jpg" style="height:50px"/><h1 class="statusLKW_OK"> <%'= LT.getTxt(16, lan, "Der LKW ist fertig, bitte kommen Sie zum Schalter!") %></h1></div>-->
|
||||
|
||||
<% 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> -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
||||
<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"/>
|
||||
</symbol></svg>
|
||||
<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>
|
||||
<h2 class="alert-heading">Bitte warten Sie!</h2>
|
||||
<p><%=LT.getTxt(17, lan, "Ihr LKW wird gerade bearbeitet!") %></p>
|
||||
</div>
|
||||
</div></p>
|
||||
|
||||
<!-- <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>
|
||||
<div>
|
||||
@@ -685,17 +716,16 @@
|
||||
</div>
|
||||
</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 %>
|
||||
|
||||
<div style="height:30px"></div> <br />
|
||||
<div id="abstand"></div> <br />
|
||||
<br />
|
||||
<br />
|
||||
<h1><%= LT.getTxt(19, lan, "Sendungsliste!") %></h1>
|
||||
</div>
|
||||
|
||||
<div id="conovertab">
|
||||
|
||||
<div class="container-flex">
|
||||
<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>
|
||||
@@ -787,7 +817,7 @@
|
||||
</symbol>
|
||||
</svg>
|
||||
<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>
|
||||
<div>
|
||||
<% Response.Write("<b>" & LT.getTxt(26, lan, "Der LKW konnte leider nicht gefunden werden!") & "</b>") %>
|
||||
|
||||
Reference in New Issue
Block a user