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-size: cover;
background-color: #fff;
width:390px;
}
</style>

View File

@@ -122,15 +122,27 @@
color:#043381;
background-color:#fff;
}
#btn_Auftraege {
border:none;
}
#btn_Auftraege:hover {
color: #043381;
background-color: #fff;
border: 2px solid #043381;
}
#btn_Auftraege {
border:none;
}
#btn_Auftraege:hover {
color: #043381;
background-color: #fff;
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>
<link rel="stylesheet" type="text/css" href="../css/style.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-Exit"content="blendTrans(Duration=0)"/>
</asp:ContentPlaceHolder>
<asp:ContentPlaceHolder id="head" runat="server">
<script>
function unloadmessage() {
if (typeof contentunloadmessage == "function") {
</asp:ContentPlaceHolder>
<asp:ContentPlaceHolder id="head" runat="server">
<script>
function unloadmessage() {
if (typeof contentunloadmessage == "function") {
contentunloadmessage();
contentunloadmessage();
}
}
}
</script>
</script>
</asp:ContentPlaceHolder>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50" >

View File

@@ -13,7 +13,27 @@
font-size: 0;
visibility: hidden;
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>
<!-- 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"/>

View File

@@ -22,7 +22,28 @@
<!-- <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/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 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/Welcome.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 ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:ScriptManager ID="script6" runat="server"></asp:ScriptManager>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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