mobile Version der Navbar wurde designtechnisch angepasst
This commit is contained in:
@@ -135,6 +135,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
|
position:relative;
|
||||||
padding: 25px 30px;
|
padding: 25px 30px;
|
||||||
padding: 1.563em 1.875em;
|
padding: 1.563em 1.875em;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
@@ -145,6 +146,7 @@
|
|||||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
|
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
|
||||||
box-shadow: 0.063em 0.063em 0.188em rgba(0,0,0,0.1);
|
box-shadow: 0.063em 0.063em 0.188em rgba(0,0,0,0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-item dropdown::marker{
|
.nav-item dropdown::marker{
|
||||||
background-color:#fff;
|
background-color:#fff;
|
||||||
font-size:0;
|
font-size:0;
|
||||||
@@ -358,7 +360,9 @@
|
|||||||
}
|
}
|
||||||
#navbar{
|
#navbar{
|
||||||
font-size:initial;
|
font-size:initial;
|
||||||
|
position:relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar.active {
|
#sidebar.active {
|
||||||
margin-left: 0rem;
|
margin-left: 0rem;
|
||||||
}
|
}
|
||||||
@@ -366,6 +370,17 @@
|
|||||||
display:compact;
|
display:compact;
|
||||||
position:sticky;
|
position:sticky;
|
||||||
}
|
}
|
||||||
|
.navbar-brand img{
|
||||||
|
transform: translateX(-50%);
|
||||||
|
left: 50%;
|
||||||
|
top:20%;
|
||||||
|
position: absolute;
|
||||||
|
text-align:center;
|
||||||
|
height:28px;
|
||||||
|
height:1.75em;
|
||||||
|
width:150px;
|
||||||
|
width:9.375em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
@@ -713,10 +728,10 @@
|
|||||||
<div class="float-sm-right">
|
<div class="float-sm-right">
|
||||||
<div class="position-absolute bottom-0 start-0 translate-middle-y">
|
<div class="position-absolute bottom-0 start-0 translate-middle-y">
|
||||||
<div class="d-md-none">
|
<div class="d-md-none">
|
||||||
<button type="button" id="sidebarCollapse" class="btn btn-info" style="background-color:#fff; color:#043381;">
|
<!-- <button type="button" id="sidebarCollapse" class="btn btn-info" style="background-color:#fff; color:#043381;">
|
||||||
<div class="align-self: center"></div>
|
<div class="align-self: center"></div>
|
||||||
<span>Menue</span>
|
<span>Menue</span>
|
||||||
</button>
|
</button>-->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -844,8 +859,14 @@
|
|||||||
|
|
||||||
<div class="d-md-none">
|
<div class="d-md-none">
|
||||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
<nav class="navbar navbar-expand-lg navbar-light bg-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>
|
<button type="button" id="sidebarCollapse" class="btn btn-info" style="background-color:#fff; color:#043381;">
|
||||||
<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 class="align-self: center"></div>
|
||||||
|
<span>Menue</span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<a class="navbar-brand" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" alt="VERAG Spedition AG Logo with blue art until grey 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>
|
</div>
|
||||||
<div class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel">
|
<div class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel">
|
||||||
<div class="offcanvas-header">
|
<div class="offcanvas-header">
|
||||||
@@ -854,11 +875,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="offcanvas-body">
|
<div class="offcanvas-body">
|
||||||
<% Dim strDElang = "  Deutsch"
|
<% Dim strDElang = "  Deutsch"
|
||||||
Dim strENlang = "  Englisch"
|
Dim strENlang = "  Englisch"
|
||||||
Dim strBIHLang = "  Bosnien und Herzegowina"
|
Dim strBIHLang = "  Bosnien und Herzegowina"
|
||||||
Dim strSRBlang = "  Serbien"
|
Dim strSRBlang = "  Serbien"
|
||||||
Dim strBGlang = "  Bulgarien"
|
Dim strBGlang = "  Bulgarien"
|
||||||
Dim strTRlang = "  Türkei"%>
|
Dim strTRlang = "  Türkei"%>
|
||||||
<ul style="list-style: none;">
|
<ul style="list-style: none;">
|
||||||
<li style="transform: rotate(0);">
|
<li style="transform: rotate(0);">
|
||||||
<!--<a id="ButtonDeutschLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=DE"><img src="<%'= imgPath%>images/flags/flagge_DE_AT.gif" <%' If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%>/>DE/AT</a>-->
|
<!--<a id="ButtonDeutschLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=DE"><img src="<%'= imgPath%>images/flags/flagge_DE_AT.gif" <%' If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%>/>DE/AT</a>-->
|
||||||
|
|||||||
@@ -231,7 +231,14 @@
|
|||||||
}
|
}
|
||||||
table th td {
|
table th td {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
display:block;
|
||||||
}
|
}
|
||||||
|
tbody{
|
||||||
|
height:150px;
|
||||||
|
width:fit-content;
|
||||||
|
overflow-y:auto;
|
||||||
|
overflow-x:hidden;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px){
|
@media (min-width: 768px){
|
||||||
@@ -310,6 +317,11 @@
|
|||||||
.topnav-right {
|
.topnav-right {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
#vermerkeBody{
|
||||||
|
overflow-y:scroll;
|
||||||
|
display:block;
|
||||||
|
height:fit-content;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
@@ -682,12 +694,13 @@
|
|||||||
Dim VERMERKE = VERAGSQL.loadDgvBySql("SELECT [VermerkID],[VermerkArt],[AvisoID],[SendungID],[Datum],VermerkeCodes.Bezeichnung,VermerkeCode FROM [Vermerke] inner join VermerkeCodes ON VermerkeCode=VermerkCodeId WHERE LKW_Vermerk=1 AND SendungID=" & s.tblSnd_SendungID & " /*AND VermerkIDAufgehoben IS NULL*/ ORDER BY Datum", "AVISO")
|
Dim VERMERKE = VERAGSQL.loadDgvBySql("SELECT [VermerkID],[VermerkArt],[AvisoID],[SendungID],[Datum],VermerkeCodes.Bezeichnung,VermerkeCode FROM [Vermerke] inner join VermerkeCodes ON VermerkeCode=VermerkCodeId WHERE LKW_Vermerk=1 AND SendungID=" & s.tblSnd_SendungID & " /*AND VermerkIDAufgehoben IS NULL*/ ORDER BY Datum", "AVISO")
|
||||||
|
|
||||||
If VERMERKE IsNot Nothing Then
|
If VERMERKE IsNot Nothing Then
|
||||||
%> <table> <tr class="tableStatusVermerke" id="demo<%=cnt %>" class="collapse"><%
|
%> <table> <tr class="tableStatusVermerke" id="demo<%=cnt %>" class="collapse">
|
||||||
|
<%
|
||||||
Dim vermerkeUeberschrift = LT.getTxt(25, lan, "Probleme/Vermerke") & ":"
|
Dim vermerkeUeberschrift = LT.getTxt(25, lan, "Probleme/Vermerke") & ":"
|
||||||
For Each r In VERMERKE.Rows()
|
For Each r In VERMERKE.Rows()
|
||||||
%>
|
%>
|
||||||
<td class="vermerkHeader"><u><i><% Response.Write(vermerkeUeberschrift) %></i></u>  
|
<td class="vermerkHeader"><u><i><% Response.Write(vermerkeUeberschrift) %></i></u>  
|
||||||
<td style="border:0px solid white">
|
<td class="vermerkeBody" style="border:0px solid white">
|
||||||
<i><% Response.Write(CDate(r("Datum")).ToString("dd.MM.yyyy HH:mm") & ": " & V_LST.getTxt(r("VermerkeCode"), lan)) %></i>
|
<i><% Response.Write(CDate(r("Datum")).ToString("dd.MM.yyyy HH:mm") & ": " & V_LST.getTxt(r("VermerkeCode"), lan)) %></i>
|
||||||
</td>
|
</td>
|
||||||
<% vermerkeUeberschrift = ""
|
<% vermerkeUeberschrift = ""
|
||||||
|
|||||||
Reference in New Issue
Block a user