mobile Version der Navbar wurde designtechnisch angepasst

This commit is contained in:
ja
2021-08-04 09:02:12 +02:00
parent e6e41bf07e
commit d4e75db6ec
2 changed files with 48 additions and 14 deletions

View File

@@ -135,6 +135,7 @@
}
.navbar {
position:relative;
padding: 25px 30px;
padding: 1.563em 1.875em;
background: #fff;
@@ -145,6 +146,7 @@
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);
}
.nav-item dropdown::marker{
background-color:#fff;
font-size:0;
@@ -358,7 +360,9 @@
}
#navbar{
font-size:initial;
position:relative;
}
#sidebar.active {
margin-left: 0rem;
}
@@ -366,6 +370,17 @@
display:compact;
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) {
@@ -713,10 +728,10 @@
<div class="float-sm-right">
<div class="position-absolute bottom-0 start-0 translate-middle-y">
<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>
<span>Menue</span>
</button>
</button>-->
</div>
</div>
</div>
@@ -844,7 +859,13 @@
<div class="d-md-none">
<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;">
<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 class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel">

View File

@@ -231,6 +231,13 @@
}
table th td {
font-size: 12px;
display:block;
}
tbody{
height:150px;
width:fit-content;
overflow-y:auto;
overflow-x:hidden;
}
}
@@ -310,6 +317,11 @@
.topnav-right {
float: right;
}
#vermerkeBody{
overflow-y:scroll;
display:block;
height:fit-content;
}
</style>
<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")
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") & ":"
For Each r In VERMERKE.Rows()
%>
<td class="vermerkHeader"><u><i><% Response.Write(vermerkeUeberschrift) %></i></u>&nbsp&nbsp
<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>
</td>
<% vermerkeUeberschrift = ""