Anpassung der Weiten der Tabellen und Navbars.
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -287,7 +287,10 @@
|
||||
/*Gridview Checkbox*/
|
||||
GridView1$ctl02$chkSelect:checked{
|
||||
background-color:#043381;
|
||||
}
|
||||
}
|
||||
#bodycontent{
|
||||
max-width:/*575px;*/ 126.65198237885463vw;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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) {*/
|
||||
|
||||
Reference in New Issue
Block a user