From 07fa054a6db3a6a3dbf289523e94e4e99b45caeb Mon Sep 17 00:00:00 2001
From: ja <ja@verag.ag>
Date: Fri, 13 Aug 2021 09:09:27 +0200
Subject: [PATCH] Anpassung der Weiten der Tabellen und Navbars.

---
 AvisoTV_FLEX.aspx          | 30 ++++++++++++++++++++----------
 DownloadsJulius.aspx       |  5 ++++-
 KundenseiteJulius.aspx     | 10 ++++++++--
 newpageJulius_Sidebar.aspx | 14 ++++++++++----
 4 files changed, 42 insertions(+), 17 deletions(-)

diff --git a/AvisoTV_FLEX.aspx b/AvisoTV_FLEX.aspx
index da54b15..f6ce116 100644
--- a/AvisoTV_FLEX.aspx
+++ b/AvisoTV_FLEX.aspx
@@ -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
diff --git a/DownloadsJulius.aspx b/DownloadsJulius.aspx
index ac4b1b5..1d5a5b3 100644
--- a/DownloadsJulius.aspx
+++ b/DownloadsJulius.aspx
@@ -287,7 +287,10 @@
         /*Gridview Checkbox*/
        GridView1$ctl02$chkSelect:checked{
            background-color:#043381;
-       }        
+       }      
+       #bodycontent{
+            max-width:/*575px;*/ 126.65198237885463vw; 
+       }
      </style>  
 </head>
 
diff --git a/KundenseiteJulius.aspx b/KundenseiteJulius.aspx
index 04f1afe..774e382 100644
--- a/KundenseiteJulius.aspx
+++ b/KundenseiteJulius.aspx
@@ -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;
diff --git a/newpageJulius_Sidebar.aspx b/newpageJulius_Sidebar.aspx
index 9bb115a..3ca0914 100644
--- a/newpageJulius_Sidebar.aspx
+++ b/newpageJulius_Sidebar.aspx
@@ -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) {*/