edv/VERAG_Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Änderung GUI Css Modal für Mobil (noch nicht fertig!)

Browse Source
This commit is contained in:
ja
2021-11-23 16:57:30 +01:00
parent 61a7d1cb9b
commit 2638274752
2 changed files with 51 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
Customers/Customers.master
View File

@@ -134,33 +134,9 @@
#Image1{ #Image1{
margin-right: -320px; margin-right: -320px;
} }
.modal-dialog {
width: 800px;
}
#contfluid { #contfluid {
width: 800px; width: 400px;
} }
.modal-content {
width: 800px;
display: block;
overflow-x: no-content;
}
.modal-header {
width: 800px;
}
.modal-body {
/* background-color:#043381;*/
background-color: #fff;
color: #043381;
width: 800px;
}
.modal-footer {
width: 800px;
}
} }
@media (max-width: 558.98px) { @media (max-width: 558.98px) {
wrapper{ wrapper{
@@ -184,31 +160,31 @@
margin-right: 320px; margin-right: 320px;
} }
.modal-dialog { .modal-dialog {
width: 400px; width: 800px;
margin-right:50px;
} }
#contfluid { #contfluid {
width: 400px; width: 800px;
} }
.modal-content { .modal-content {
width: 400px; width: 800px;
display: block; display: block;
overflow-x: no-content; overflow-x: no-content;
} }
.modal-header { .modal-header {
width: 400px; width: 800px;
} }
.modal-body { .modal-body {
/* background-color:#043381;*/ /* background-color:#043381;*/
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
width: 400px; width: 800px;
margin-left:-20px;
} }
.modal-footer { .modal-footer {
width: 400px; width: 800px;
} }
} }
@@ -234,26 +210,24 @@
margin-right: 320px; margin-right: 320px;
} }
.modal-dialog { .modal-dialog {
width: 400px; width: 300px;
} }
#contfluid { #contfluid {
width: 400px; width: 300px;
} }
.modal-content { .modal-content {
width: 400px; width: 300px;
display: block; display: block;
overflow-x: hidden; overflow-x: hidden;
} }
.modal-header { .modal-header {
width: 400px; width: 300px;
} }
.modal-footer { .modal-footer {
width: 400px; width: 300px;
} }
} }
</style> </style>

100
css/Customers/MasterpageCustomers.css
View File

@@ -144,13 +144,15 @@ ContentPlaceHolder1 {
} }
.modal-dialog { .modal-dialog {
width: 400px; width: 400px;
margin-left:0px;
} }
#contfluid { #contfluid {
width: 400px; width: 400px;
} }
.modal-content { .modal-content {
width: 400px; width: 300px;
display: block; display: block;
overflow-x: no-content; overflow-x: no-content;
} }
.modal-header { .modal-header {
@@ -158,30 +160,8 @@ ContentPlaceHolder1 {
} }
ul{ ul{
width:400px; width:400px;
} }
.modal-body {
/* background-color:#043381;*/
background-color: #fff;
color: #043381;
width:400px;
}
.modal-footer {
width: 400px;
}
#exampleModalLabel {
font-size: 12px;
}
.modal-body {
/* background-color:#043381;*/
background-color: #fff;
color: #043381;
width: 400px;
}
.modal-header {
background-image: linear-gradient(to right, #003680, #0055cc);
color: #fff;
width: 400px;
}
#Image1 { #Image1 {
width: 45%; width: 45%;
height: 45%; height: 45%;
@@ -352,11 +332,6 @@ ContentPlaceHolder1 {
padding-bottom: 0px; padding-bottom: 0px;
height: 86px; height: 86px;
} }
#exampleModalLabel {
font-size: 12px;
}
.modal-body { .modal-body {
/* background-color:#043381;*/ /* background-color:#043381;*/
background-color: #fff; background-color: #fff;
@@ -364,11 +339,24 @@ ContentPlaceHolder1 {
width: 400px; width: 400px;
} }
.modal-content {
width: 400px;
display: block;
overflow-x: no-content;
}
.modal-header { .modal-header {
background-image: linear-gradient(to right, #003680, #0055cc); background-image: linear-gradient(to right, #003680, #0055cc);
color: #fff; color: #fff;
width: 800px;
}
.modal-footer {
width: 400px; width: 400px;
} }
#exampleModalLabel {
font-size: 12px;
}
} }
#dropdownmenuecont ul li .button { #dropdownmenuecont ul li .button {
font-size: 17px; font-size: 17px;
@@ -382,7 +370,7 @@ ContentPlaceHolder1 {
color: #043381; color: #043381;
border: hidden; border: hidden;
} }
}
@media (min-width: 556.98px) { @media (min-width: 556.98px) {
body { body {
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
@@ -447,12 +435,25 @@ ContentPlaceHolder1 {
/* background-color:#043381;*/ /* background-color:#043381;*/
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
width:400px; width: 800px;
}
.modal-content {
width: 800px;
display: block;
overflow-x: no-content;
} }
.modal-header { .modal-header {
background-image: linear-gradient(to right, #003680, #0055cc); background-image: linear-gradient(to right, #003680, #0055cc);
color: #fff; color: #fff;
width:400px; width: 800px;
}
.modal-footer {
width: 800px;
}
#exampleModalLabel {
font-size: 12px;
} }
#divueberdropdown { #divueberdropdown {
margin-right: 7px; margin-right: 7px;
@@ -497,36 +498,5 @@ ContentPlaceHolder1 {
} }
#contfluid { #contfluid {
width: 600px; width: 600px;
} }
.modal-content {
width: 400px;
display: block;
overflow-x: no-content;
}
.modal-header {
width: 400px;
}
.modal-body {
/* background-color:#043381;*/
background-color: #fff;
color: #043381;
width: 400px;
}
.modal-footer {
width: 400px;
}
#exampleModalLabel {
font-size: 12px;
}
.modal-body {
/* background-color:#043381;*/
background-color: #fff;
color: #043381;
width: 600px;
}
.modal-header {
background-image: linear-gradient(to right, #003680, #0055cc);
color: #fff;
width: 400px;
}
} }