Änderungen css dass Buttons von UserMenu sowie Language button rechts mitverschoben werden

This commit is contained in:
ja
2021-09-03 13:22:01 +02:00
parent 508517ec35
commit 112d57c556
4 changed files with 154 additions and 35 deletions

View File

@@ -72,9 +72,7 @@
' Return "asd"
' End Get
' End Property,
</script>
</script>
<script type="text/javascript" src="../js/languageupdatescript.js"></script>
@@ -119,8 +117,8 @@
<!--Hover Info -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> -->
<script type="text/javascript">
$(document).ready(function () {
$(".btn").click(function () {
$("#myModal").modal("show");
@@ -253,8 +251,8 @@
<li>
<a href="#UserSubmenu1" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">User: <%=Me.Page.User.Identity.Name %></a>
<ul style="list-style: none;"class="collapse list-unstyled" id="UserSubmenu1">
<span class="navbar-toggler-icon"></span>
<li> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;"><img src="../images/Icons/main/gear_blue.png"; style="width:15px; height:15px;color:#043381;background-color:#fff;margin-right:6px;" />Profil bearbeiten</button> </li>
<span class="navbar-toggler-icon"></span>
<li> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;"><img src="../images/Icons/main/gear_blue.png"; style="width:15px; height:15px;color:#043381;background-color:#fff;margin-right:6px;" />Profil bearbeiten</button> </li>
<li> <button type="button" onclick="LogoutButton_Click" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;"><img src="../images/Icons/main/Logout.svg.png"; style="width:20px; height:20px;color:#043381;background-color:#fff; margin-right:6px;"/>Logout</button> </li>
</ul>
</li>
@@ -405,7 +403,7 @@
</div>
<div class="btn-group">
<%If Me.Page.User.Identity.Name = "test" Then %>
<a type="button" class="btn btn-primary">Rechnungen</a>
<a type="button" class="btn btn-primary" href="Invoices.aspx">Rechnungen</a>
<%ElseIf Me.Page.User.Identity.Name = "test2" Then%>
<a type="button" class="btn btn-primary" href="Cards_Boxes.aspx">Karten_Boxen</a>
<% End If %>
@@ -422,21 +420,21 @@
</div>
</div>
<div style="width:110px;"></div>
<div class="dropdown" id="dropdownbtnmain">
<button class="dropbtn" id="dropbtnbtnbtn"
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff;color:#043381"><img src="../images/samples/default-avatar.jpg"; width="15"; /><a data-bs-toggle="modal" data-bs-target="#exampleModal"><asp:LoginName class="pointer" ID="LoginName2" runat="server" style="margin-left:6px"/></a></button>
<div class="dropdown" id="dropdownbtnmain" style="position: absolute; top:-20px; right:170px; width:30px;z-index:1032">
<button class="dropbtn" id="dropbtnbtnbtn" style="height:50px; width:120px"
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff;color:#043381; width:30px;height:50px"><img src="../images/samples/default-avatar.jpg"; width="15"; /><a data-bs-toggle="modal" data-bs-target="#exampleModal"><asp:LoginName class="pointer" ID="LoginName2" runat="server" style="margin-left:6px"/></a></button>
</button>
<ul class="dropdown-content" id="dropdownmenuecont" style="top:15%">
<ul class="dropdown-content" id="dropdownmenuecont" style="top:50px;z-index:1032">
<li> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;"><img src="../images/Icons/main/gear_blue.png"; style="width:15px; height:15px;color:#043381;background-color:#fff;margin-right:6px;" />Profil bearbeiten</button> </li>
<li> <button type="button" onclick="LogoutButton_Click" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;"><img src="../images/Icons/main/Logout.svg.png"; style="width:20px; height:20px;color:#043381;background-color:#fff; margin-right:6px;"/>Logout</button> </li>
<!-- <div class="dropdown-divider"></div>-->
</ul></div>
<div class="dropdown" style="background-color:#fff; color:#043381;position:absolute;right:15%;top:15%;z-index:1031">
<button class="dropbtn" id="dropbtnlang" style="color:#043381;background-color:#fff;position:absolute;top:15%;z-index:1031"><center><img id="myImage" src="../<%=flagpath%>" style="border:1px solid #fff;width:32px; justify-items:center;" alt="Logo Schriftzug: Verag Spedition AG Blaue Schrift: Verag Spedition Graue Schrift: AG" /></center></button>
<div class="dropdown-content" id="langdropdown">
<div class="dropdown" id="langbutmenu" style="background-color:#fff; color:#043381;position:absolute;top:17%;right:170px;z-index:1031">
<button class="dropbtn" id="dropbtnlang" style="color:#043381;background-color:#fff;position:absolute;top:17%;z-index:1031"><center><img id="myImage" src="../<%=flagpath%>" style="border:1px solid #fff;width:32px; justify-items:center;" alt="Logo Schriftzug: Verag Spedition AG Blaue Schrift: Verag Spedition Graue Schrift: AG" /></center></button>
<div class="dropdown-content" id="langdropdown" style="position:absolute;top:2%;z-index:1031">
<% Dim stringDE = "&nbsp DE"
Dim stringEN = "&nbsp EN"
Dim stringBIH = "&nbsp BIH"
@@ -452,7 +450,7 @@
<a id="ButtonBulgariaLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=BG&lan3=0" style="color:#043381;background-color:#fff"><img src="../<%= imgPath%>images/flags/flagge_BG_big.gif"; width="20"; <% If laenderkuerzel = "bg" Then Response.Write("style='border:1px solid #000'")%>/><%=stringBG%></a>
</div>
</div>
</nav> </div>
</nav></div>
<!-- Container zur Ausrichtung des Contents-->
<div style="margin-left:5px;margin-right:5px">
<div style="height:95px;"></div>