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;
/*padding:2px 13px 0px 13px;*/
padding: 0.07849293563579278vw 0.5102040816326531vw 0vw 0.5102040816326531vw;
max-width: /*575px;*/ 126.65198237885463vw;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
@@ -131,12 +132,13 @@
}
table{
border-collapse: collapse;
border-spacing: 0px;
width: 60%;
border-spacing: 0px;
border: 1px solid #ddd;
border:1px solid #ddd;
background-color:white;
color:#043381;
overflow-x:auto;
width: 60%;
}
#flex-container{
width:1800px;
@@ -245,27 +247,33 @@
li {
list-style-type: none;
}
@media (max-width: 768px){
@media (max-width: 575px){
table {
border-collapse: collapse;
border-spacing: 0.125em;
width: 100%;
width: /*575px;*/ 126.65198237885463vw;
border: /*1px*/2.1744791666666665vw solid #ddd;
background-color: white;
color: #043381;
overflow-x:auto;
font-size:2.3769100169779285vw;
font-size:3.3769100169779285vw;
}
}
@media (min-width: 768px) {
@media (min-width: 575px) {
#offcanvasWithBothOptions {
min-width: 17.692852087756545vw;
max-width: 17.692852087756545vw;
}
#normaltable {
font-size:0.6893156080748399vw;
padding-left: -0.125em;
#normaltable {
padding-left: -0.125em;
}
#conovertab{
/* max-width:width:150px 11.25em;*/
margin-left:35px;
max-width:/*380px;*/ 83.70044052863436vw;
overflow-x:auto;
}
}
</style>
@@ -420,7 +428,9 @@
'%>
<h2><%=STANDORT %></h2>
</span>
<div id="conovertab">
<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">
<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
Next
%>
</table>
</table></div>
</div></div>
<%
End If

View File

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

View File

@@ -174,7 +174,13 @@
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{
font-size:32px;
font-size:2em;
@@ -193,7 +199,7 @@
}
}
@media (min-width: 768px) {
@media (min-width: 575px) {
h2 {
font-size: 28px;
font-size:1.75em;

View File

@@ -298,7 +298,7 @@
----------------------------------------------------- */
#content {
width: 100%;
max-width:/*575px;*/ 126.65198237885463vw;
padding: 20px;
padding: 1.25em;
min-height: 100vh;
@@ -319,12 +319,15 @@
#content{
font-size: 1.57em;
font-size: 3.270833333333333vw;
min-width: 70%;
max-width:/*575px;*/ 126.65198237885463vw;
}
#content_all {
max-width:/*575px;*/ 126.65198237885463vw;
}
#footer_content b{
font-size: 1em;
font-size: 2.083333333333333vw;
padding-inline: 0.063rem;
padding-inline: 0.063rem;
}
.nav-link dropdown-toggle
{
@@ -344,7 +347,7 @@
}
#navbar{
font-size: initial;
position: relative;
position: relative;
}
#sidebar.active {
margin-left: 0rem;
@@ -364,6 +367,9 @@
width: 150px;
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) {*/