Änderungen GUI

This commit is contained in:
ja
2021-11-19 16:54:13 +01:00
parent 8bb1b010d3
commit 9cd910b925
4 changed files with 66 additions and 34 deletions

View File

@@ -137,10 +137,10 @@
} }
@media (max-width: 558.98px) { @media (max-width: 558.98px) {
wrapper{ wrapper{
width:385.98px; width:330.98px;
} }
body { body {
width:385.98px; width:330.98px;
} }
contfluid{ contfluid{
width:385.98px; width:385.98px;
@@ -159,13 +159,13 @@
} }
@media (max-width: 328.98px) { @media (max-width: 328.98px) {
wrapper{ wrapper{
width:320px; width:318px;
} }
body { body {
max-width: 320px; width: 318px;
} }
contfluid{ contfluid{
width:320px; width:3180px;
} }
h1 { h1 {
color: #043381; color: #043381;

View File

@@ -9,17 +9,35 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="shortcut icon" href="../images/Icons/favicon/favicon.ico" /> <link rel="shortcut icon" href="../images/Icons/favicon/favicon.ico" />
<style> <style>
.nav-item dropdown::marker { @media (min-width: 558.98px) {
background-color: #fff; .nav-item dropdown::marker {
font-size: 0; background-color: #fff;
visibility: hidden; font-size: 0;
color: #043381; visibility: hidden;
} color: #043381;
@media (max-width: 558.98px) { }
body{
max-width:390px; #normaltable {
} margin-left: -4px;
width: 1254px;
}
.g-3 {
margin-left: -4px;
}
}
@media (max-width: 558.98px) {
body {
max-width: 380px;
}
#normaltable{
overflow-x:auto;width:410px;margin-left:-4px;
}
.g-3{
overflow-x:auto;width:410px;margin-left:-4px;
}
}
</style> </style>
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
@@ -166,13 +184,13 @@
</div> </div>
<div id="rowcols5" class="row-cols-1" style="margin-right:/*1.52px;*/0.33480176211453744vw;"> <div id="rowcols5" class="row-cols-1" style="margin-right:/*1.52px;*/0.33480176211453744vw;">
<asp:Label ID="lbl_absender_M" runat="server" style="color:#043381" Font-Size="1em">Absender:</asp:Label> <asp:Label ID="lbl_absender_M" runat="server" style="color:#043381" Font-Size="1em">Absender:</asp:Label>
<asp:TextBox ID="txt_Absender_M" runat="server" style="width:155px;margin-left:73px"></asp:TextBox> <asp:TextBox ID="txt_Absender_M" runat="server" style="width:155px;margin-left:72px"></asp:TextBox>
<asp:RequiredFieldValidator ControlToValidate="txt_Absender_M" runat="server" style="width:155px;margin-left:18px" Enabled="false" ID="req_txt_Absender_M" ErrorMessage="" ForeColor="Red"></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ControlToValidate="txt_Absender_M" runat="server" style="width:155px;margin-left:18px" Enabled="false" ID="req_txt_Absender_M" ErrorMessage="" ForeColor="Red"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ControlToValidate="txt_Absender_M" runat="server" ID="regex_txt_Absender_M" Enabled="false" ValidationExpression="[^!,]{2,90}" ForeColor="Red" SetFocusOnError="true" Display="Dynamic" ErrorMessage="Wrong Input! Try again!"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ControlToValidate="txt_Absender_M" runat="server" ID="regex_txt_Absender_M" Enabled="false" ValidationExpression="[^!,]{2,90}" ForeColor="Red" SetFocusOnError="true" Display="Dynamic" ErrorMessage="Wrong Input! Try again!"></asp:RegularExpressionValidator>
</div> </div>
<div id="rowcols8" class="row-cols-1" style="margin-right:/*1.52px;*/0.33480176211453744vw;"> <div id="rowcols8" class="row-cols-1" style="margin-right:/*1.52px;*/0.33480176211453744vw;">
<asp:Label ID="lbl_Empfaenger_M" runat="server" style="color:#043381" Font-Size="1em">Empfänger</asp:Label> <asp:Label ID="lbl_Empfaenger_M" runat="server" style="color:#043381" Font-Size="1em">Empfänger</asp:Label>
<asp:TextBox ID="txt_Empfaenger_M" runat="server" style="width:155px;margin-left:68px"></asp:TextBox> <asp:TextBox ID="txt_Empfaenger_M" runat="server" style="width:155px;margin-left:67px"></asp:TextBox>
<asp:RequiredFieldValidator ControlToValidate="txt_Empfaenger_M" runat="server" ID="reqval_txt_Empfaenger_M" ForeColor="Red" Enabled="false" Display="Dynamic"></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ControlToValidate="txt_Empfaenger_M" runat="server" ID="reqval_txt_Empfaenger_M" ForeColor="Red" Enabled="false" Display="Dynamic"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ControlToValidate="txt_Empfaenger_M" ID="regex_txt_Empaenger_M" runat="server" ForeColor="Red" Enabled="false" ValidationExpression="[^!,]{2,90}" Display="Dynamic" style="width:105px;margin-left:13px" SetFocusOnError="true" ErrorMessage="Error! Try again!"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ControlToValidate="txt_Empfaenger_M" ID="regex_txt_Empaenger_M" runat="server" ForeColor="Red" Enabled="false" ValidationExpression="[^!,]{2,90}" Display="Dynamic" style="width:105px;margin-left:13px" SetFocusOnError="true" ErrorMessage="Error! Try again!"></asp:RegularExpressionValidator>
</div> </div>
@@ -209,8 +227,8 @@
<asp:Button ID="Button1" CssClass="btn btn-primary" runat="server" Text="Erhalte Rechnungen" OnClick="btn_b_Click" /> <asp:Button ID="Button1" CssClass="btn btn-primary" runat="server" Text="Erhalte Rechnungen" OnClick="btn_b_Click" />
<div id="Abstand_lang" style="height: /*32px*/ 2.498048399687744vh;"></div> <div id="Abstand_lang" style="height: /*32px*/ 2.498048399687744vh;"></div>
<div class="g-3"> <div class="g-3">
<div id="conovertab" style="overflow-x:auto"> <div id="conovertab">
<asp:Table class="table table-responsive table-striped table-borderless" ID="normaltable" runat="server" Width="73%" BorderStyle="Solid" style="margin-right:auto;border: 2px solid #043381"> <asp:Table class="table table-responsive table-striped table-borderless" ID="normaltable" runat="server" BorderStyle="Solid" style="border: 2px solid #043381;overflow-x:auto;width:1256px">
<asp:TableHeaderRow ID="tbl_Header_row" runat="server" style="background-color:#043381;color:#fff"> <asp:TableHeaderRow ID="tbl_Header_row" runat="server" style="background-color:#043381;color:#fff">
<asp:TableHeaderCell ID="tbl_HeaderCellIndex" runat="server" AbbreviatedText="Index">Index-Nr</asp:TableHeaderCell> <asp:TableHeaderCell ID="tbl_HeaderCellIndex" runat="server" AbbreviatedText="Index">Index-Nr</asp:TableHeaderCell>
<asp:TableHeaderCell ID="tbl_HeaderCell_ReNr" runat="server" AbbreviatedText="InvcNr">Invoice Number</asp:TableHeaderCell> <asp:TableHeaderCell ID="tbl_HeaderCell_ReNr" runat="server" AbbreviatedText="InvcNr">Invoice Number</asp:TableHeaderCell>

View File

@@ -233,10 +233,9 @@ hr{
} }
#conovertab { #conovertab {
/* max-width:width:150px 11.25em;*/ /* max-width:width:150px 11.25em;*/
margin-left: -38px; margin-left:-38px;width:416px;
width: 416px; overflow-x: auto;
overflow-x: auto;
} }
#btn_Auftraege { #btn_Auftraege {
height: 15px; height: 15px;

View File

@@ -195,7 +195,7 @@ ContentPlaceHolder1 {
} }
} }
@media (min-width: 575px) and (max-width: 768px) { @media (min-width: 556.98px) and (max-width: 768px) {
body { body {
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
background: #fafafa; background: #fafafa;
@@ -205,7 +205,9 @@ ContentPlaceHolder1 {
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
/* background-color:#043381;*/ /* background-color:#043381;*/
max-width: 320px;
} }
#offcanvasWithBothOptions { #offcanvasWithBothOptions {
min-width: 17.692852087756545vw; min-width: 17.692852087756545vw;
max-width: 17.692852087756545vw; max-width: 17.692852087756545vw;
@@ -214,54 +216,63 @@ ContentPlaceHolder1 {
#normaltable { #normaltable {
padding-left: -0.125em; padding-left: -0.125em;
} }
h1 { h1 {
color: #043381; color: #043381;
font-size: 32px; font-size: 32px;
} }
#conovertab { #conovertab {
max-width: 150px 11.25em; max-width: 150px 11.25em;
width:100%; width: 100%;
margin-left: 35px; margin-left: 35px;
overflow-x: auto; overflow-x: auto;
} }
.containerSearch { .containerSearch {
width: 3.1821797931583133vw; width: 3.1821797931583133vw;
color: #043381; color: #043381;
background-color: #fff; background-color: #fff;
} }
.sidebar-header { .sidebar-header {
background-color: #fff; background-color: #fff;
max-width: 250px; max-width: 390px;
color: #043381; color: #043381;
} }
.container-fluid { .container-fluid {
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
} }
#navbarhomebar { #navbarhomebar {
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
margin-left: 21%; margin-left: 21%;
} }
.container-xxl { .container-xxl {
background-color: #fff; background-color: #fff;
} }
.list-unstyled components { .list-unstyled components {
background-color: #fff; background-color: #fff;
max-width: 250px; max-width: 250px;
} }
.dropdown-toggle::after { .dropdown-toggle::after {
display: block; display: block;
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 20px; right: 20px;
} }
#divueberdropdown { #divueberdropdown {
margin-right: 7px; margin-right: 7px;
width: 850px; width: 850px;
} }
#divübernavpills { #divübernavpills {
width: 10px; width: 10px;
margin-top: 10px; margin-top: 10px;
@@ -269,9 +280,11 @@ ContentPlaceHolder1 {
z-index: 1031; z-index: 1031;
position: relative; position: relative;
} }
.pointer { .pointer {
cursor: pointer; cursor: pointer;
} }
#dropdownbtnmain { #dropdownbtnmain {
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
@@ -280,12 +293,13 @@ ContentPlaceHolder1 {
top: -10%; top: -10%;
z-index: 1031; z-index: 1031;
} }
#dropdownmenueuser { #dropdownmenueuser {
position: absolute; position: absolute;
top: -170px; top: -170px;
right: -952px; right: -952px;
} }
#dropbtnbtnbtn { #dropbtnbtnbtn {
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
@@ -295,10 +309,11 @@ ContentPlaceHolder1 {
left: 1025px; left: 1025px;
padding-bottom: 0px; padding-bottom: 0px;
} }
#dropdownmenuecont { #dropdownmenuecont {
position:absolute; position: absolute;
padding-top: -10px; padding-top: -10px;
left:1025px; left: 1025px;
padding-bottom: 0px; padding-bottom: 0px;
height: 86px; height: 86px;
} }
@@ -362,7 +377,7 @@ ContentPlaceHolder1 {
border: hidden; border: hidden;
} }
} }
@media (min-width: 768px) { @media (min-width: 556.98px) {
body { body {
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
background: #fafafa; background: #fafafa;