Ä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
2021-08-06 15:49:21 +02:00
parent 53e9a09791
commit 93e2645b2f
3 changed files with 117 additions and 106 deletions

View File

@@ -116,7 +116,7 @@
.navbar {
position:relative;
padding: 25px 30px;
padding: 25px 30px;
padding: 1.563em 1.875em;
background: #fff;
border: none;
@@ -303,7 +303,7 @@
@media (max-width: 768px) {
#sidebar {
margin-left: -15.625rem;
margin-left: -250px;
padding-top:0.5em;
font-size:1em;
font-size:2.083333333333333vw;
@@ -362,9 +362,9 @@
@media (min-width: 768px) {
#sidebar {
margin-left: -15.625rem;
margin-left: -250px;
padding-top:0.86em;
font-size:1.25em;
font-size:1em;
}
#content{
font-size: 1rem;
@@ -394,7 +394,7 @@
font-size:initial;
overflow:hidden;
}
#sidebar.active {
#sidebar.active {
margin-left: 0rem;
}
}
@@ -464,8 +464,8 @@
.offcanvas-body {
background-color:#fff;
color:#043381;
font-size:2.213541666666667vw;
font-size:1.063em;
font-size: 1.7692852087756545vw;
font-size:1.563em;
}
.offcanvas-body ul li :hover{
background-color:#043381;
@@ -801,7 +801,7 @@
</li>
<li>
<div class="dropdown" style="background-color:#fff; color:#043381;">
<button class="dropbtn" style="background-color:#fff;color:#043381;"> <img id="myImage" src="<%=flagpath%>" style="border:1px solid #fff;width:30px; justify-items:center"/></button>
<button class="dropbtn" style="background-color:#fff;color:#043381;"> <img id="myImage" src="<%=flagpath%>" style="border:1px solid #fff;/*width:28px;*/ width:1.75em; width: 4.582651391162029vw; justify-items:center" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG"/></button>
<div class="dropdown-content">
<% Dim stringDE = "&nbsp DE"
Dim stringEN = "&nbsp EN"
@@ -811,11 +811,11 @@
Dim stringTR = "&nbsp TR"%>
<!--<a id="ButtonOesterreichLangPicker" class="btn btn-primary btn-sm" onclick="changeflag(A)" href="<%'= navParent%>?menuID=<%'= curentMenuId %>&lan=de"><img src="<%'= imgPath%>images/flags/flagge_A.gif" <%' If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%> /> DE</a>-->
<a id="ButtonDeutschLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=DE" style="background-color:#fff;color:#043381;"><img src="<%= imgPath%>images/flags/flagge_DE_AT.gif" <% If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%>/><%=stringDE%></a>
<a id="ButtonEnglischLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=EN" style="background-color:#fff;color:#043381;"><img src="<%= imgPath%>images/flags/flagge_GB.gif" <% If laenderkuerzel = "en" Then Response.Write("style='border:1px solid #000'")%>/><%=stringEN%></a>
<a id="ButtonTürkeiLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=TR" style="background-color:#fff;color:#043381;"><img src="<%= imgPath%>images/flags/flagge_TR.gif" <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%>/><%=stringTR%></a>
<a id="ButtonEnglischLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=EN" style="background-color:#fff;color:#043381;"><img src="<%= imgPath%>images/flags/flagge_GB.gif" <% If laenderkuerzel = "en" Then Response.Write("style='border:1px solid #000'")%>/><%=stringEN%></a>
<a id="ButtonSerbischLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=SRB" style="background-color:#fff;color:#043381;"><img src="<%= imgPath%>images/flags/flagge_BIH.gif" <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> /><%=stringBIH%></a>
<a id="ButtonSerbischZweiLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=SM" style="background-color:#fff;color:#043381;"><img src="<%= imgPath%>images/flags/flagge_SM.gif" <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> /><%=stringSRB%></a>
<a id="ButtonBulgariaLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=BG" style="background-color:#fff;color:#043381;"><img src="<%= imgPath%>images/flags/flagge_BG.gif" <% If laenderkuerzel = "bg" Then Response.Write("style='border:1px solid #000'")%>/><%=stringBG%></a>
<a id="ButtonTürkeiLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=TR" style="background-color:#fff;color:#043381;"><img src="<%= imgPath%>images/flags/flagge_TR.gif" <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%>/><%=stringTR%></a>
<a id="ButtonBulgariaLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=BG" style="background-color:#fff;color:#043381;"><img src="<%= imgPath%>images/flags/flagge_BG.gif" <% If laenderkuerzel = "bg" Then Response.Write("style='border:1px solid #000'")%>/><%=stringBG%></a>
</div>
</div>
</li>
@@ -828,7 +828,7 @@
<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>
<a class="navbar-brand" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" style="width:initial;height:initial;" 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>
</nav>
</div>