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

@@ -123,14 +123,26 @@
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"/>
@@ -149,9 +161,7 @@
contentunloadmessage(); contentunloadmessage();
} }
} }
</script> </script>
</asp:ContentPlaceHolder> </asp:ContentPlaceHolder>
</head> </head>

View File

@@ -14,6 +14,26 @@
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

@@ -23,6 +23,27 @@
<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

@@ -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;
@@ -153,6 +154,7 @@
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

@@ -136,7 +136,22 @@
.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>