Code design Änderungen sowie Design-Anpassungen aöller Seiten auf Mobilgeräten

This commit is contained in:
ja
2021-11-16 16:08:14 +01:00
parent 5d95e67ec5
commit 82fcd1cc85
14 changed files with 156 additions and 34 deletions

View File

@@ -81,6 +81,7 @@
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
background-color: #fff; background-color: #fff;
width:390px;
} }
</style> </style>

View File

@@ -122,15 +122,27 @@
color:#043381; color:#043381;
background-color:#fff; background-color:#fff;
} }
#btn_Auftraege { #btn_Auftraege {
border:none;
border:none; }
} #btn_Auftraege:hover {
#btn_Auftraege:hover { color: #043381;
color: #043381; background-color: #fff;
background-color: #fff; border: 2px solid #043381;
border: 2px solid #043381; }
} @media (max-width: 558.98px) {
body {
max-width: 390px;
}
h1 {
color: #043381;
font-size: 22px;
}
h2 {
color: #043381;
font-size: 28px;
}
}
</style> </style>
<link rel="stylesheet" type="text/css" href="../css/style.css"/> <link rel="stylesheet" type="text/css" href="../css/style.css"/>
<link rel="stylesheet" type="text/css" href="../css/Dropdown.css"/> <link rel="stylesheet" type="text/css" href="../css/Dropdown.css"/>
@@ -140,19 +152,17 @@
<meta http-equiv ="Page-Enter" content ="blendTrans(Duration=0)"/> <meta http-equiv ="Page-Enter" content ="blendTrans(Duration=0)"/>
<meta http-equiv="Page-Exit"content="blendTrans(Duration=0)"/> <meta http-equiv="Page-Exit"content="blendTrans(Duration=0)"/>
</asp:ContentPlaceHolder> </asp:ContentPlaceHolder>
<asp:ContentPlaceHolder id="head" runat="server"> <asp:ContentPlaceHolder id="head" runat="server">
<script> <script>
function unloadmessage() { function unloadmessage() {
if (typeof contentunloadmessage == "function") { if (typeof contentunloadmessage == "function") {
contentunloadmessage(); contentunloadmessage();
}
} }
</script>
}
</script>
</asp:ContentPlaceHolder> </asp:ContentPlaceHolder>
</head> </head>
<body data-spy="scroll" data-target=".navbar" data-offset="50" > <body data-spy="scroll" data-target=".navbar" data-offset="50" >

View File

@@ -13,7 +13,27 @@
font-size: 0; font-size: 0;
visibility: hidden; visibility: hidden;
color: #043381; color: #043381;
} }
@media (max-width: 558.98px) {
body {
max-width: 390px;
}
h1 {
color: #043381;
font-size: 22px;
}
h2 {
color: #043381;
font-size: 28px;
}
#tableSearch {
width: 53%;
border: 1px solid grey;
}
}
</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"/>

View File

@@ -22,7 +22,28 @@
<!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/>--> <!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/>-->
<link rel="stylesheet" type="text/css" href="../css/Customers/MasterpageCustomers.css"/> <link rel="stylesheet" type="text/css" href="../css/Customers/MasterpageCustomers.css"/>
<link rel="stylesheet" type="text/css" href="../css/Customers/LKWs.css"/> <link rel="stylesheet" type="text/css" href="../css/Customers/LKWs.css"/>
<link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/> <link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/>
<style>
@media (max-width: 558.98px) {
body {
max-width: 390px;
}
h1 {
color: #043381;
font-size: 22px;
}
h2 {
color: #043381;
font-size: 30px;
}
#tableSearch {
width: 53%;
border: 1px solid grey;
}
}
</style>
</asp:Content> </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

View File

@@ -24,7 +24,23 @@
<link rel="stylesheet" type="text/css" href="../css/Customers/MasterpageCustomers.css"/> <link rel="stylesheet" type="text/css" href="../css/Customers/MasterpageCustomers.css"/>
<link rel="stylesheet" type="text/css" href="../css/Customers/Welcome.css"/> <link rel="stylesheet" type="text/css" href="../css/Customers/Welcome.css"/>
<link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/> <link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/>
<style>
@media (max-width: 558.98px) {
body {
max-width: 390px;
}
h1 {
color: #043381;
font-size: 22px;
}
h2 {
color: #043381;
font-size: 28px;
}
}
</style>
</asp:Content> </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:ScriptManager ID="script6" runat="server"></asp:ScriptManager> <asp:ScriptManager ID="script6" runat="server"></asp:ScriptManager>

View File

@@ -17,6 +17,18 @@
visibility: hidden; visibility: hidden;
color: #043381; color: #043381;
} }
@media (max-width: 558.98px) {
body {
max-width: 390px;
}
h1 {
color: #043381;
font-size: 22px;
}
h2 {
color: #043381;
font-size: 28px;
}
</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"/>

View File

@@ -74,13 +74,15 @@ ContentPlaceHolder1_Send_Data {
} }
@media (max-width: 558.98px) { @media (max-width: 558.98px) {
body{ body{
width:390px;
max-width:390px; max-width:390px;
} }
tbody { tbody {
font-size: 3.303964757709251vw; font-size: 3.303964757709251vw;
height: auto; height: auto;
flex-wrap: wrap; flex-wrap: wrap;
width: fit-content; width: 390px;
max-width: 390px;
} }
#normaltable { #normaltable {
width: 10%; width: 10%;
@@ -102,7 +104,8 @@ ContentPlaceHolder1_Send_Data {
#containerseiterand { #containerseiterand {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
width: 350px; width: 390px;
max-width: 390px;
} }
.flex-fill { .flex-fill {

View File

@@ -21,10 +21,16 @@
overflow-x: auto; overflow-x: auto;
} }
body { body {
width: 400px; width: 390px;
} }
h1 { h1 {
font-size: 12px; color: #043381;
font-size: 22px;
}
h2 {
color: #043381;
font-size: 30px;
} }
#tableSearch { #tableSearch {

View File

@@ -6,7 +6,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
/* background-color:#043381;*/ /* background-color:#043381;*/
} }
#pagecontent { #pagecontent {
@@ -86,7 +86,7 @@ ContentPlaceHolder1 {
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
background-color: #fff; background-color: #fff;
width: 400px; width: 390px;
} }
table { table {
border-collapse: collapse; border-collapse: collapse;

View File

@@ -80,7 +80,14 @@
overflow-x: clip; overflow-x: clip;
max-width:390px; max-width:390px;
} }
h1 {
color: #043381;
font-size: 22px;
}
h2 {
color: #043381;
font-size: 30px;
}
#content_container { #content_container {
display: flex; display: flex;
justify-content: center; justify-content: center;

View File

@@ -145,6 +145,7 @@
background-color: #fff; background-color: #fff;
overflow-y: clip; overflow-y: clip;
overflow-x: clip; overflow-x: clip;
width:390px;
} }
#content_container { #content_container {
display: flex; display: flex;
@@ -152,7 +153,8 @@
align-items: center; align-items: center;
width: 410px; width: 410px;
height: 643px; height: 643px;
margin: 0 auto; margin: 0 auto;
width:390px;
} }
.container-fluid { .container-fluid {
width: 400px; width: 400px;

View File

@@ -68,13 +68,14 @@
background-color: #fff; background-color: #fff;
overflow-y: clip; overflow-y: clip;
overflow-x: clip; overflow-x: clip;
width:390px;
} }
#content_container { #content_container {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 400px; width: 390px;
height: 613px; height: 613px;
margin: 0 auto; margin: 0 auto;
margin-top: 0px; margin-top: 0px;

View File

@@ -202,6 +202,14 @@
border-color: red; border-color: red;
color: red; color: red;
} }
h1 {
color: #043381;
font-size: 22px;
}
h2 {
color: #043381;
font-size: 30px;
}
#CustomerID_M:valid { #CustomerID_M:valid {
background-color: white; background-color: white;
border-color: forestgreen; border-color: forestgreen;

View File

@@ -134,9 +134,24 @@
background-color:#fff; background-color:#fff;
} }
.nav-item dropdown::after { .nav-item dropdown::after {
visibility: hidden; visibility: hidden;
color: #fff; color: #fff;
} }
@media (max-width: 558.98px) {
body {
max-width: 390px;
}
h1 {
color: #043381;
font-size: 22px;
}
h2 {
color: #043381;
font-size: 28px;
}
}
</style> </style>
</head> </head>