Ä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 c427e3de4e
3 changed files with 109 additions and 98 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:1.125em;
}
#content{
font-size: 1rem;
@@ -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;
@@ -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>