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

100
css/Customers/MasterpageCustomers.css
View File

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