Anpassung der Weiten der Tabellen und Navbars.
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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) {*/
|
||||||
|
|||||||
Reference in New Issue
Block a user