edv/VERAG_Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile Version der Navbar wurde designtechnisch angepasst

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

43
newpageJulius_Sidebar.aspx
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) {
@@ -504,7 +519,7 @@
#sidebarCollapse span {
display:compact;
position:sticky;
}
}
</style>
</head>
@@ -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>
@@ -843,9 +858,15 @@
</div>
<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 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 class="navbar navbar-expand-lg navbar-light bg-light">
<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">
<div class="offcanvas-header">
@@ -854,11 +875,11 @@
</div>
<div class="offcanvas-body">
<% Dim strDElang = "&nbsp Deutsch"
Dim strENlang = "&nbsp Englisch"
Dim strBIHLang = "&nbsp Bosnien und Herzegowina"
Dim strSRBlang = "&nbsp Serbien"
Dim strBGlang = "&nbsp Bulgarien"
Dim strTRlang = "&nbsp Türkei"%>
Dim strENlang = "&nbsp Englisch"
Dim strBIHLang = "&nbsp Bosnien und Herzegowina"
Dim strSRBlang = "&nbsp Serbien"
Dim strBGlang = "&nbsp Bulgarien"
Dim strTRlang = "&nbsp Türkei"%>
<ul style="list-style: none;">
<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>-->