Änderungen fast aller pixel werte zu responsive Werten um möglichst viele Geräte abzudecken. Tests am Handy erfolgreich! (Alle pixel weg bis auf die Werte zum zu und aufklappen des Seitenmenüs)
This commit is contained in:
ja
@@ -74,7 +74,6 @@
|
||||
<!-- <link rel="stylesheet" type="text/css" href="css/edit_main.css"> -->
|
||||
|
||||
<style>
|
||||
|
||||
#headertable:hover{
|
||||
background-color:aliceblue;
|
||||
}
|
||||
@@ -94,9 +93,7 @@
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
min-width:160px;
|
||||
min-width: 10em;
|
||||
min-width: 20.833333333333336vw;
|
||||
min-width:160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -128,14 +125,15 @@
|
||||
table{
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0px;
|
||||
width: 100%;
|
||||
width: 60%;
|
||||
border: 1px solid #ddd;
|
||||
border:0.13020833333333331vw solid #ddd;
|
||||
border:1px solid #ddd;
|
||||
background-color:white;
|
||||
color:#043381;
|
||||
}
|
||||
|
||||
#flex-container{
|
||||
width:2600px;
|
||||
width:1800px;
|
||||
}
|
||||
|
||||
/*Modal*/
|
||||
@@ -146,8 +144,8 @@
|
||||
|
||||
.modal-dialog {
|
||||
height: 100% !important; /* required */
|
||||
margin: 0 0.5rem !important;
|
||||
padding: 0.5rem 0 !important;
|
||||
margin: 0 0.8px !important;
|
||||
padding: 8px 0 !important;
|
||||
overflow-y: auto !important; /* required */
|
||||
width: 100%;
|
||||
position: center;
|
||||
@@ -184,42 +182,41 @@
|
||||
}
|
||||
|
||||
/*Button Dropdown Menue Language Picker*/
|
||||
.dropbtn {
|
||||
background-color: #fff;
|
||||
left: 65%;
|
||||
right: auto;
|
||||
width: 100px;
|
||||
width: 13.020833333333334vw;
|
||||
height: 20%;
|
||||
position: relative;
|
||||
color: #043381;
|
||||
padding: 0px;
|
||||
font-size:16px;
|
||||
font-size: 1em;
|
||||
font-size:2.083333333333333vw;
|
||||
border: none;
|
||||
z-index:512;
|
||||
}
|
||||
.dropbtn {
|
||||
background-color: #fff;
|
||||
left: 65%;
|
||||
right: auto;
|
||||
width: 100px;
|
||||
height: 20%;
|
||||
position: relative;
|
||||
color: #043381;
|
||||
padding: 0px;
|
||||
font-size:16px;
|
||||
font-size: 1em;
|
||||
border: none;
|
||||
z-index:512;
|
||||
}
|
||||
|
||||
/* Dropdown Content (Hidden by Default) */
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: relative;
|
||||
left: 65%;
|
||||
color:#043381;
|
||||
background-color: #fff;
|
||||
min-width: 10em;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1000;
|
||||
}
|
||||
/* Dropdown Content (Hidden by Default) */
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: relative;
|
||||
left: 65%;
|
||||
color:#043381;
|
||||
background-color: #fff;
|
||||
min-width: 30px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
/* Links inside the dropdown */
|
||||
.dropdown-content a {
|
||||
color: black;
|
||||
padding: 0.75em 1em;
|
||||
text-decoration: none;
|
||||
z-index:812;
|
||||
}
|
||||
/* Links inside the dropdown */
|
||||
.dropdown-content a {
|
||||
color: black;
|
||||
/*padding: 12px 16px;*/
|
||||
padding: 0.8492569002123143vw 1.132342533616419vw;
|
||||
text-decoration: none;
|
||||
z-index:812;
|
||||
}
|
||||
|
||||
/* Change color of dropdown links on hover */
|
||||
.dropdown-content a:hover {
|
||||
@@ -248,18 +245,27 @@
|
||||
.navbar-nav {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#offcanvasWithBothOptions {
|
||||
min-width: 21.875em;
|
||||
max-width: 21.875em;
|
||||
}
|
||||
@media (max-width: 768px){
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 2px;
|
||||
width: 100%;
|
||||
border: 1px solid #ddd;
|
||||
background-color: white;
|
||||
color: #043381;
|
||||
overflow-x:auto;
|
||||
}
|
||||
}
|
||||
.clearfix {
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#offcanvasWithBothOptions {
|
||||
min-width: 17.692852087756545vw;
|
||||
max-width: 17.692852087756545vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="js/netzwerk.js" type="text/javascript"></script>
|
||||
@@ -393,9 +399,9 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<li class="nav-item">
|
||||
<a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><img src="images/Logo_small.png" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
|
||||
</li>
|
||||
</nav>
|
||||
</div>
|
||||
</li>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Webiste-Content-->
|
||||
<h1>Verag AVISO-TV Online</h1>
|
||||
<div id="line"></div>
|
||||
@@ -431,8 +437,8 @@
|
||||
'%>
|
||||
<h2><%=STANDORT %></h2>
|
||||
</span>
|
||||
<div="clearfix">
|
||||
<div class="container-xxl" style="overflow-y:auto;scroll-padding-inline:auto;max-width:97%">
|
||||
|
||||
<div class="container-xxl" style="overflow-y:auto;scroll-padding-inline:auto;max-width:100%">
|
||||
<table class="table table-hover" border="8" 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>
|
||||
<%
|
||||
@@ -483,7 +489,7 @@
|
||||
Next
|
||||
%>
|
||||
</table>
|
||||
</div></div></div>
|
||||
</div></div>
|
||||
<%
|
||||
End If
|
||||
End If
|
||||
|
||||
Reference in New Issue
Block a user