Anpassung der Weiten der Tabellen und Navbars.

This commit is contained in:
ja
2021-08-13 09:09:27 +02:00
parent 16b1c5fb6a
commit 07fa054a6d
4 changed files with 42 additions and 17 deletions

View File

@@ -99,6 +99,7 @@
background-color:#fff; background-color:#fff;
/*padding:2px 13px 0px 13px;*/ /*padding:2px 13px 0px 13px;*/
padding: 0.07849293563579278vw 0.5102040816326531vw 0vw 0.5102040816326531vw; padding: 0.07849293563579278vw 0.5102040816326531vw 0vw 0.5102040816326531vw;
max-width: /*575px;*/ 126.65198237885463vw;
} }
/* Dropdown Content (Hidden by Default) */ /* Dropdown Content (Hidden by Default) */
.dropdown-content { .dropdown-content {
@@ -131,12 +132,13 @@
} }
table{ table{
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0px; border-spacing: 0px;
width: 60%;
border: 1px solid #ddd; border: 1px solid #ddd;
border:1px solid #ddd; border:1px solid #ddd;
background-color:white; background-color:white;
color:#043381; color:#043381;
overflow-x:auto;
width: 60%;
} }
#flex-container{ #flex-container{
width:1800px; width:1800px;
@@ -245,27 +247,33 @@
li { li {
list-style-type: none; list-style-type: none;
} }
@media (max-width: 768px){ @media (max-width: 575px){
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0.125em; border-spacing: 0.125em;
width: 100%; width: /*575px;*/ 126.65198237885463vw;
border: /*1px*/2.1744791666666665vw solid #ddd; border: /*1px*/2.1744791666666665vw solid #ddd;
background-color: white; background-color: white;
color: #043381; color: #043381;
overflow-x:auto; overflow-x:auto;
font-size:2.3769100169779285vw; font-size:3.3769100169779285vw;
} }
} }
@media (min-width: 768px) { @media (min-width: 575px) {
#offcanvasWithBothOptions { #offcanvasWithBothOptions {
min-width: 17.692852087756545vw; min-width: 17.692852087756545vw;
max-width: 17.692852087756545vw; max-width: 17.692852087756545vw;
} }
#normaltable { #normaltable {
font-size:0.6893156080748399vw; padding-left: -0.125em;
padding-left: -0.125em;
} }
#conovertab{
/* max-width:width:150px 11.25em;*/
margin-left:35px;
max-width:/*380px;*/ 83.70044052863436vw;
overflow-x:auto;
}
} }
</style> </style>
@@ -420,7 +428,9 @@
'%> '%>
<h2><%=STANDORT %></h2> <h2><%=STANDORT %></h2>
</span> </span>
<div id="conovertab">
<div class="container-xxl" style="overflow-y:auto;scroll-padding-inline:auto;min-width:97%; max-width:100%"> <div class="container-xxl" style="overflow-y:auto;scroll-padding-inline:auto;min-width:97%; max-width:100%">
<table class="table table-hover" id="normaltable" border="0" cellspacing="0" contenteditable="false"> <table class="table table-hover" id="normaltable" border="0" cellspacing="0" contenteditable="false">
<thead style="background-color:#043381; color:white; font-weight:900"><tr ><th>Nr.</th><th>LKW Kennzeichen</th><th>Frächter</th><th>Avisierer</th><th>Ankunft</th><th>Dauer</th><th>LKW fertig</th></tr></thead> <thead style="background-color:#043381; color:white; font-weight:900"><tr ><th>Nr.</th><th>LKW Kennzeichen</th><th>Frächter</th><th>Avisierer</th><th>Ankunft</th><th>Dauer</th><th>LKW fertig</th></tr></thead>
<% <%
@@ -469,7 +479,7 @@
cnt += 1 cnt += 1
Next Next
%> %>
</table> </table></div>
</div></div> </div></div>
<% <%
End If End If

View File

@@ -287,7 +287,10 @@
/*Gridview Checkbox*/ /*Gridview Checkbox*/
GridView1$ctl02$chkSelect:checked{ GridView1$ctl02$chkSelect:checked{
background-color:#043381; background-color:#043381;
} }
#bodycontent{
max-width:/*575px;*/ 126.65198237885463vw;
}
</style> </style>
</head> </head>

View File

@@ -174,7 +174,13 @@
overflow-y: auto !important; /* required */ overflow-y: auto !important; /* required */
} }
@media (max-width: 768px) { @media (max-width: 575px) {
#bodycontent{
max-width:/*575px;*/ 126.65198237885463vw;
}
#main-page{
max-width:/*575px;*/ 126.65198237885463vw;
}
h2{ h2{
font-size:32px; font-size:32px;
font-size:2em; font-size:2em;
@@ -193,7 +199,7 @@
} }
} }
@media (min-width: 768px) { @media (min-width: 575px) {
h2 { h2 {
font-size: 28px; font-size: 28px;
font-size:1.75em; font-size:1.75em;

View File

@@ -298,7 +298,7 @@
----------------------------------------------------- */ ----------------------------------------------------- */
#content { #content {
width: 100%; max-width:/*575px;*/ 126.65198237885463vw;
padding: 20px; padding: 20px;
padding: 1.25em; padding: 1.25em;
min-height: 100vh; min-height: 100vh;
@@ -319,12 +319,15 @@
#content{ #content{
font-size: 1.57em; font-size: 1.57em;
font-size: 3.270833333333333vw; font-size: 3.270833333333333vw;
min-width: 70%; max-width:/*575px;*/ 126.65198237885463vw;
} }
#content_all {
max-width:/*575px;*/ 126.65198237885463vw;
}
#footer_content b{ #footer_content b{
font-size: 1em; font-size: 1em;
font-size: 2.083333333333333vw; font-size: 2.083333333333333vw;
padding-inline: 0.063rem; padding-inline: 0.063rem;
} }
.nav-link dropdown-toggle .nav-link dropdown-toggle
{ {
@@ -344,7 +347,7 @@
} }
#navbar{ #navbar{
font-size: initial; font-size: initial;
position: relative; position: relative;
} }
#sidebar.active { #sidebar.active {
margin-left: 0rem; margin-left: 0rem;
@@ -364,6 +367,9 @@
width: 150px; width: 150px;
width: 19.97336884154461vw; width: 19.97336884154461vw;
} }
.navbar navbar-expand-lg navbar-light bg-light justify-content-md-center flex-nowrap {
max-width: /*575px;*/ 126.65198237885463vw;
}
} }
/* @media (min-width: 320px) and (min-height: 640px) {*/ /* @media (min-width: 320px) and (min-height: 640px) {*/