Design languagepicker sidemenue von status an Hauptpage angepasst

This commit is contained in:
ja
2021-08-10 16:36:56 +02:00
parent 4a4a644e18
commit 06ee8e35d3
2 changed files with 98 additions and 55 deletions

View File

@@ -308,7 +308,7 @@
MEDIAQUERIES MEDIAQUERIES
----------------------------------------------------- */ ----------------------------------------------------- */
@media (max-width: 768px) { @media (max-width: 320px) and (max-height: 640px){
#sidebar { #sidebar {
margin-left: -250px; margin-left: -250px;
padding-top:0.5em; padding-top:0.5em;
@@ -363,7 +363,7 @@
} }
} }
@media (min-width: 768px) { @media (min-width: 320px) and (min-height: 640px) {
#sidebar { #sidebar {
margin-left: -250px; margin-left: -250px;
padding-top: 0.86em; padding-top: 0.86em;
@@ -375,7 +375,7 @@
font-size: 1.2333000033333vw; font-size: 1.2333000033333vw;
min-width: 110%; min-width: 110%;
float: left; float: left;
margin-left: 80px; margin-left: 0px;
} }
#footer_content b{ #footer_content b{
font-size: 1rem; font-size: 1rem;
@@ -401,7 +401,7 @@
overflow: hidden; overflow: hidden;
} }
#sidebar.active { #sidebar.active {
margin-left: -50px; margin-left: -0px;
} }
} }
#navbar.menu_class{ #navbar.menu_class{

View File

@@ -212,48 +212,60 @@ Imports System.Data.SqlClient
MEDIAQUERIES MEDIAQUERIES
----------------------------------------------------- */ ----------------------------------------------------- */
@media (max-width: 768px) { @media (max-width: 320px) and (max-height: 640px) {
#sidebar { #sidebar {
padding-top: 8px; margin-left: -250px;
font-size: 1.25em; padding-top:0.5em;
} font-size:1em;
#content{ font-size:16px;
font-size:20px; }
max-width:100%; #content{
min-width:100%; font-size: 1.57em;
} font-size: 3.270833333333333vw;
#footer_content{ min-width: 70%;
font-size:0.4em; }
font-size:0.8333333333333334vw; #footer_content b{
padding-inline:0.063em; font-size: 1em;
padding-inline:0.13020833333333331vw; font-size: 2.083333333333333vw;
max-width:100%; padding-inline: 0.063rem;
min-width:60%; }
} .nav-link dropdown-toggle
.nav-link dropdown-toggle {
{ font-size: 1em;
font-size:0.96em; font-size: 2.083333333333333vw;
font-style:inherit; font-style: inherit;
font-size-adjust:-2.52; font-size-adjust: -2.52;
} }
nav-item dropdown::marker{ nav-item dropdown::marker{
font-size:0px; font-size: 0px;
font-size:0em; font-size: 0rem;
font-size:0vw; }
} #navbarDropdown{
#navbarDropdown{ font-size: 16px;
/* font-size:13.76px;*/ font-size: 1rem;
font-size:0.96em; font-size: 2.083333333333333vw;
} }
#navbar{ #navbar{
font-size:initial; font-size: initial;
} position: relative;
#sidebar.active { }
margin-left: 0rem; #sidebar.active {
} margin-left: 0rem;
#sidebarCollapse span { }
display:compact; #sidebarCollapse span {
} display: compact;
position: sticky;
}
#navbarbrandhauptpage{
transform: translateX(-50%);
left: 00%;
top: 20%;
position: absolute;
text-align: center;
height: 26px;
width: 150px;
}
table th td { table th td {
font-size: 16px; font-size: 16px;
display:block; display:block;
@@ -278,7 +290,7 @@ Imports System.Data.SqlClient
background-color:#fff; background-color:#fff;
} }
} }
@media (min-width: 768px){ @media (min-width: 320px) and (min-height: 640px) {
#sidebar { #sidebar {
margin-left: /*-250px*/-15.625rem; margin-left: /*-250px*/-15.625rem;
padding-top:0.5em; padding-top:0.5em;
@@ -331,6 +343,36 @@ Imports System.Data.SqlClient
#rowTable{ #rowTable{
width:120%; width:120%;
} }
.main-menu div.menu_01 .menu_logo{
position: absolute;
left: 0.625em;
top: 1.25em;
margin: 0rem;
padding: 0em;
max-width: 1.688em;
max-height: 3.75em;
z-index: 2;
}
#offcanvasWithBothOptions{
min-width: 45.57291666666667vw;
min-width: 21.875em;
max-width: 45.57291666666667vw;
max-width: 21.875em;
}
.offcanvas-body {
background-color: #fff;
color: #043381;
font-size: 1.7692852087756545vw;
font-size: 1.563em;
}
.offcanvas-body ul li :hover{
background-color: #043381;
color: #fff;
}
.offcanvas-header{
background-color: #fff;
color: #043381;
}
} }
#navbar.menu_class{ #navbar.menu_class{
width: 1.25em; width: 1.25em;
@@ -375,6 +417,7 @@ Imports System.Data.SqlClient
height:1.875em; height:1.875em;
height:2.34375vh; height:2.34375vh;
} }
</style> </style>
</html> </html>
</head> </head>
@@ -475,12 +518,12 @@ Imports System.Data.SqlClient
</div> </div>
<div class="offcanvas-body"> <div class="offcanvas-body">
<ul style="list-style: none;"> <ul style="list-style: none;">
<% Dim strDElang = "&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Deutsch" <% Dim strDElang = "&nbsp Deutsch"
Dim strENlang = "&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Englisch" Dim strENlang = "&nbsp Englisch"
Dim strBIHLang = "&nbsp &nbsp &nbsp Bosnien und Herzegowina" Dim strBIHLang = "&nbsp Bosnien und Herzegowina"
Dim strSRBlang = "&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Serbien" Dim strSRBlang = "&nbsp Serbien"
Dim strBGlang = "&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Bulgarien" Dim strBGlang = "&nbsp Bulgarien"
Dim strTRlang = "&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Türkei"%> Dim strTRlang = "&nbsp Türkei"%>
<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>-->
@@ -687,7 +730,7 @@ Imports System.Data.SqlClient
<h3>Allgemeine Vermerke:</h3> <h3>Allgemeine Vermerke:</h3>
<br /> <br />
<div class="container-flex" style="flex-flow:nowrap;margin:inherit;margin-right:25px"> <div class="container-flex" style="flex-flow:nowrap;margin:inherit;/*margin-right:25px*/margin-right:1.563em;margin-right:2.6371308016877637vw;/*margin-left:-2px;*/margin-left:-0.125em;margin-left: 0.2109704641350211vw">
<table class="tableStatus table-striped" border="1" cellspacing="0" contenteditable="false"> <% <table class="tableStatus table-striped" border="1" cellspacing="0" contenteditable="false"> <%
Dim VERMERKE_LKW = VERAGSQL.loadDgvBySql("SELECT [VermerkID],[VermerkArt],[AvisoID],[SendungID],[Datum],VermerkeCodes.Bezeichnung,VermerkeCode FROM [Vermerke] inner join VermerkeCodes ON VermerkeCode=VermerkCodeId WHERE LKW_Vermerk=1 AND AvisoID=" & AvisoId & " AND VermerkArt='A' /*AND VermerkIDAufgehoben IS NULL*/ ORDER BY Datum", "AVISO") Dim VERMERKE_LKW = VERAGSQL.loadDgvBySql("SELECT [VermerkID],[VermerkArt],[AvisoID],[SendungID],[Datum],VermerkeCodes.Bezeichnung,VermerkeCode FROM [Vermerke] inner join VermerkeCodes ON VermerkeCode=VermerkCodeId WHERE LKW_Vermerk=1 AND AvisoID=" & AvisoId & " AND VermerkArt='A' /*AND VermerkIDAufgehoben IS NULL*/ ORDER BY Datum", "AVISO")
If VERMERKE_LKW IsNot Nothing Then If VERMERKE_LKW IsNot Nothing Then
@@ -699,7 +742,7 @@ Imports System.Data.SqlClient
<% vermerkeUeberschrift = "" <% vermerkeUeberschrift = ""
Next Next
If VERMERKE_LKW.Rows().Count = 0 Then %> <tr class="tableStatusVermerke"><td colspan="3" class="vermerkHeader"><u><i><%' Response.Write(vermerkeUeberschrift) %></i></u>&nbsp&nbsp</td> <td style="border:0px solid white" colspan="3"><i>Keine Vermerke vorhanden</i></td></tr> If VERMERKE_LKW.Rows().Count = 0 Then %> <tr class="tableStatusVermerke"><td colspan="3" class="vermerkHeader"><u><i></i></u>&nbsp&nbsp</td> <td style="border:0px solid white" colspan="3"><i>Keine Vermerke vorhanden</i></td></tr>
<% End If <% End If
End If End If