Mobilversion Änderungen design

This commit is contained in:
ja
2021-11-22 10:20:31 +01:00
parent b8d147d679
commit d4cd7fff78
6 changed files with 28 additions and 17 deletions

View File

@@ -16,7 +16,8 @@
} }
@media (max-width: 558.98px) { @media (max-width: 558.98px) {
body { body {
max-width: 558.98px; width: 558.98px;
position: absolute;
} }
h1 { h1 {
@@ -41,7 +42,7 @@
} }
@media (max-width: 349.98px) { @media (max-width: 349.98px) {
body { body {
max-width: 349.98px; width: 349.98px;
} }
h1 { h1 {

View File

@@ -29,7 +29,8 @@
} }
@media (max-width: 558.98px) { @media (max-width: 558.98px) {
body { body {
max-width: 380px; position: absolute;
width: 410px;
} }
#normaltable{ #normaltable{
overflow-x:auto;width:410px;margin-left:-4px; overflow-x:auto;width:410px;margin-left:-4px;

View File

@@ -169,8 +169,10 @@ hr{
background-color:lightcoral; background-color:lightcoral;
} }
@media (max-width: 558.98px) { @media (max-width: 558.98px) {
body{ body {
max-width:558px; position: absolute;
max-width: 558px;
width: 558px;
} }
h1 { h1 {
color: #043381; color: #043381;
@@ -279,6 +281,7 @@ hr{
} }
@media (min-width: 322.98px) { @media (min-width: 322.98px) {
body { body {
position: absolute;
width: 322.98px; width: 322.98px;
} }

View File

@@ -76,6 +76,7 @@ ContentPlaceHolder1_Send_Data {
body { body {
width: 390px; width: 390px;
max-width: 390px; max-width: 390px;
position: absolute;
} }
tbody { tbody {
@@ -181,6 +182,7 @@ ContentPlaceHolder1_Send_Data {
@media (max-width: 349.98px) { @media (max-width: 349.98px) {
body { body {
position: absolute;
width: 349.98px; width: 349.98px;
max-width: 349.98px; max-width: 349.98px;
} }

View File

@@ -65,6 +65,7 @@
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
margin-left: -4px; margin-left: -4px;
} }
@media (max-width: 558.98px) { @media (max-width: 558.98px) {
body { body {
@@ -79,6 +80,7 @@
overflow-y: clip; overflow-y: clip;
overflow-x: clip; overflow-x: clip;
max-width:390px; max-width:390px;
position: absolute;
} }
h1 { h1 {
color: #043381; color: #043381;
@@ -162,6 +164,7 @@
overflow-y: clip; overflow-y: clip;
overflow-x: clip; overflow-x: clip;
max-width:323px; max-width:323px;
position: absolute;
} }
h1 { h1 {
color: #043381; color: #043381;

View File

@@ -79,6 +79,7 @@
overflow-y: clip; overflow-y: clip;
overflow-x: clip; overflow-x: clip;
width:390px; width:390px;
position: absolute;
} }
#content_container { #content_container {
display: flex; display: flex;
@@ -324,15 +325,15 @@
<center> <center>
<!-- Große Bildschirme--> <!-- Große Bildschirme-->
<div class="d-none d-md-block"> <div class="d-none d-md-block">
<table id="tbl_main" cellpadding="0" style="border:none; margin-left:-45px;margin-top:2%"> <table id="tbl_main" cellpadding="0" style="border:none; margin-left:-65px;margin-top:2%">
<tr style="color:#003680;height:28px;"> <tr style="color:#003680;height:28px;">
<td> <td>
<asp:LinkButton ID="btn_Back" runat="server" Width="265" CssClass="btn btn-primary" CausesValidation="false" OnClick="btn_Back_Click" style="margin-left:49px;font-weight:300;font-size:20px" Height="40px"><center><label for="btn_Back" style="margin:0px 2px 2px auto" runat="server"><center>Back</center></label></center></asp:LinkButton> <asp:LinkButton ID="btn_Back" runat="server" Width="265" CssClass="btn btn-primary" CausesValidation="false" OnClick="btn_Back_Click" style="margin-left:59px;font-weight:300;font-size:20px" Height="40px"><center><label for="btn_Back" style="margin:0px 2px 2px auto" runat="server"><center>Back</center></label></center></asp:LinkButton>
</td> </td>
</tr> </tr>
<tr style="color:#003680; height:42px;font-size:14px"> <tr style="color:#003680; height:42px;font-size:14px">
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;"> <td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">
<asp:Label ID="lbl_PWvergessen" Text="Forgot your Password?" runat="server" style="color:#003680; margin-left:79px;font-size:19px;font-weight:300"></asp:Label> <asp:Label ID="lbl_PWvergessen" Text="Forgot your Password?" runat="server" style="color:#003680; margin-left:94px;font-size:19px;font-weight:300"></asp:Label>
</td></tr> </td></tr>
<!-- <tr style=" background-color:#fff; color:#003680; height:30px;font-size:12px"> <!-- <tr style=" background-color:#fff; color:#003680; height:30px;font-size:12px">
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;"> <td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">
@@ -340,27 +341,27 @@
</td></tr> --> </td></tr> -->
<tr style="color:#003680; height:38px;"> <tr style="color:#003680; height:38px;">
<td align="right" colspan="2"> <td align="right" colspan="2">
<asp:label ID="lbl_filldatahere" runat="server" Text="Fill your data in here:" Font-Size="19px" style="margin-left:90px; margin-top:-4px;color:#003680;font-weight:300"></asp:label> <asp:label ID="lbl_filldatahere" runat="server" Text="Fill your data in here:" Font-Size="19px" style="margin-left:105px; margin-top:-4px;color:#003680;font-weight:300"></asp:label>
</td></tr> </td></tr>
<tr style="color:#003680; height:38px;"><td colspan="2"> <tr style="color:#003680; height:38px;"><td colspan="2">
<asp:TextBox ID="txt_CustomerID" CssClass="bg-UID-icon" runat="server" ValidationGroup="val-desk" SetFocusOnError="true" Width="265" Placeholder="Customer-ID" style="margin-left:45px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Font-Size="1.125em"></asp:TextBox> <asp:TextBox ID="txt_CustomerID" CssClass="bg-UID-icon" runat="server" ValidationGroup="val-desk" SetFocusOnError="true" Width="265" Placeholder="Customer-ID" style="margin-left:60px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Font-Size="1.125em"></asp:TextBox>
<asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="txt_CustomerID" SetFocusOnError="true" ForeColor="Red" Text="*" ErrorMessage="*" ValidationGroup="val-desk"></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="txt_CustomerID" SetFocusOnError="true" ForeColor="Red" Text="*" ErrorMessage="*" ValidationGroup="val-desk"></asp:RequiredFieldValidator>
</td></tr> </td></tr>
<tr style="color:#003680; height:38px;"> <tr style="color:#003680; height:38px;">
<td align="left" colspan="2"> <td align="left" colspan="2">
<asp:TextBox ID="txtEmail" runat="server" Width="265" ValidationGroup="val-desk" ForeColor="Red" Font-Size="1.125em" Placeholder="E-Mail" CssClass="bg-email-icon" style="margin-left:45px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;"/> <asp:TextBox ID="txtEmail" runat="server" Width="265" ValidationGroup="val-desk" ForeColor="Red" Font-Size="1.125em" Placeholder="E-Mail" CssClass="bg-email-icon" style="margin-left:60px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;"/>
<asp:RequiredFieldValidator ID="valreqtxtEmail" ControlToValidate="txtEmail" SetFocusOnError="true" ValidationGroup="val-desk" runat="server" Text="*" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ID="valreqtxtEmail" ControlToValidate="txtEmail" SetFocusOnError="true" ValidationGroup="val-desk" runat="server" Text="*" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator>
</td></tr> </td></tr>
<tr style="color:#003680; height:38px;"> <tr style="color:#003680; height:38px;">
<td align="left" colspan="2"> <td align="left" colspan="2">
<asp:TextBox ID="txt_Username" runat="server" CssClass="bg-user-icon" ValidationGroup="val-desk" Placeholder="Username" Font-Size="1.125em" Width="265" style="margin-left:45px;color:#003680;margin-bottom:-6px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" /> <asp:TextBox ID="txt_Username" runat="server" CssClass="bg-user-icon" ValidationGroup="val-desk" Placeholder="Username" Font-Size="1.125em" Width="265" style="margin-left:60px;color:#003680;margin-bottom:-6px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" />
<asp:RequiredFieldValidator ID="valreqtxtusername" SetFocusOnError="true" ControlToValidate="txt_Username" ValidationGroup="val-desk" runat="server" ForeColor="Red" Text="" ErrorMessage="*"></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ID="valreqtxtusername" SetFocusOnError="true" ControlToValidate="txt_Username" ValidationGroup="val-desk" runat="server" ForeColor="Red" Text="" ErrorMessage="*"></asp:RequiredFieldValidator>
</td></tr> </td></tr>
<tr style="color:#003680; height:52px;"><td> <tr style="color:#003680; height:52px;"><td>
<asp:LinkButton ID="btn_Send" runat="server" CssClass="btn btn-primary" Width="265px" Enabled="true" AutoPostBack="True" Font-Size="22px" style="margin-left:47px;margin-top:15px;border:none" OnClick="btn_Send_Click" Height="40px"><center><label for="btn_Send" style="color:#fff;margin:0 2px 2px auto;font-size:21px"><center>Send</center></label></center></asp:LinkButton> <asp:LinkButton ID="btn_Send" runat="server" CssClass="btn btn-primary" Width="265px" Enabled="true" AutoPostBack="True" Font-Size="22px" style="margin-left:57px;margin-top:15px;border:none" OnClick="btn_Send_Click" Height="40px"><center><label for="btn_Send" style="color:#fff;margin:0 2px 2px auto;font-size:21px"><center>Send</center></label></center></asp:LinkButton>
</td></tr> </td></tr>
<tr style="color:#003680; height:38px;width:214px"> <tr style="color:#003680; height:38px;width:210px">
<td align="right" colspan="2" style="width:214px"> <td align="right" colspan="2">
<asp:Label ID="lblMessage" runat="server" Font-Size="19px" /> <asp:Label ID="lblMessage" runat="server" Font-Size="19px" />
<asp:RegularExpressionValidator ID="valid_getNumberInput" ControlToValidate="txt_CustomerID" style="font-size:17px" ForeColor="Red" ValidationGroup="val-desk" runat="server" Display="Dynamic" SetFocusOnError="false" ErrorMessage="The Customer-ID is not valid." ValidationExpression="[0-9]{1,10}"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ID="valid_getNumberInput" ControlToValidate="txt_CustomerID" style="font-size:17px" ForeColor="Red" ValidationGroup="val-desk" runat="server" Display="Dynamic" SetFocusOnError="false" ErrorMessage="The Customer-ID is not valid." ValidationExpression="[0-9]{1,10}"></asp:RegularExpressionValidator>
<asp:RegularExpressionValidator ID="check_UserName_regex" ErrorMessage="The Username don't meet the requirements. Try again." ControlToValidate="txt_Username" ValidationGroup="val-desk" runat="server" Display="Dynamic" SetFocusOnError="true" ForeColor="Red" ValidationExpression="([a-zA-Z1-9]{4,30})"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ID="check_UserName_regex" ErrorMessage="The Username don't meet the requirements. Try again." ControlToValidate="txt_Username" ValidationGroup="val-desk" runat="server" Display="Dynamic" SetFocusOnError="true" ForeColor="Red" ValidationExpression="([a-zA-Z1-9]{4,30})"></asp:RegularExpressionValidator>
@@ -369,8 +370,8 @@
</td></tr> </td></tr>
<tr> <tr>
<td> <td>
<asp:Button Text="back" ID="btn_BACKafterlogin" style="background-color:#003680;color:#fff;visibility:hidden" runat="server" /> <asp:Button Text="back" ID="btn_BACKafterlogin" style="background-color:#003680;color:#fff;visibility:hidden;margin-left:10px;" runat="server" />
<asp:Button Text="sendtestMail" ClientIDMode="Predictable" ID="btn_Testmail" OnClick="btn_Testmail_Click" style="background-color:#043381; color:gray" runat="server" /> <asp:Button Text="sendtestMail" ClientIDMode="Predictable" ID="btn_Testmail" OnClick="btn_Testmail_Click" style="background-color:#043381; color:gray;margin-left:20px" runat="server" />
</td> </td>
</tr> </tr>
</table> </table>