From 2baf6dfe9bc4f1ef733b5bd93a990ee353683abf Mon Sep 17 00:00:00 2001
From: ja <ja@verag.ag>
Date: Wed, 1 Sep 2021 14:10:32 +0200
Subject: [PATCH] Verbesserungen an CSS

---
 Customers/CustomerIndex.aspx          |   2 +-
 Customers/Customers.master            |   6 +-
 css/Customers/MasterpageCustomers.css | 140 ++++++++++++++++++++++----
 3 files changed, 124 insertions(+), 24 deletions(-)

diff --git a/Customers/CustomerIndex.aspx b/Customers/CustomerIndex.aspx
index fd68623..47ac1b8 100644
--- a/Customers/CustomerIndex.aspx
+++ b/Customers/CustomerIndex.aspx
@@ -68,7 +68,7 @@
                                                  <div id="conovertab">               
                                                <table class="table table-hover" id="normaltable" border="0" cellspacing="0" contenteditable="false" style="width:1250px" >        
                                                     <thead style="height:/*20px;*/ 1.56128024980484vh; /*background-color:#043381;*/ background-image: linear-gradient(to right, #003680 , #0055cc); color:#fff; font-weight:900;">
-                                                        <tr><th>Auswahl</th><th>LKW-Nr.</th><th>Kennzeichen</th><th>Standort</th><th>Frächter</th><th>Fracht</th><th>Info</th></tr>
+                                                    <tr><th>Auswahl</th><th>LKW-Nr.</th><th>Kennzeichen</th><th>Standort</th><th>Frächter</th><th>Fracht</th><th>Info</th></tr>
                                                     </thead>
                                                     <tbody id="myTable">
                                                         <tr><td><asp:CheckBox ID="CheckBox9" runat="server" /></td><td>1</td><td>PAN WE 231</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapsesub1"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
diff --git a/Customers/Customers.master b/Customers/Customers.master
index f4a62b7..73b7656 100644
--- a/Customers/Customers.master
+++ b/Customers/Customers.master
@@ -385,10 +385,10 @@
                                                 </div>            
     
      <div class="d-none d-md-block">         
-          <div style="width:10px;margin-top:10px;z-index:1031;position:sticky">
+          <div id="divübernavpills" style="width:10px;margin-top:10px;right:-830px;z-index:1031;position:relative">
            <ul class="nav nav-pills">                                             
-                                                                                              <li class="nav-item dropdown">
-                                                            <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" style="margin-left: 730px;z-index:1031; position:sticky" <button type="button" class="btn btn-primary" data-bs-toggle="dropdown"  style="background-color:#fff;color:#043381;border:none;z-index:1031; position:sticky"><img src="../images/samples/default-avatar.jpg"; width="25"; /><asp:LoginName ID="LoginName1" runat="server" /></button></a>
+                                                                                              <li class="nav-item dropdown" style="position:sticky;right:10px;left:90%;top:5px;bottom:50px;">
+                                                            <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" style="" <button type="button" class="btn btn-primary" data-bs-toggle="dropdown"  style="background-color:#fff;color:#043381;border:none;z-index:1031; position:sticky"><img src="../images/samples/default-avatar.jpg"; width="25"; /><asp:LoginName ID="LoginName1" runat="server" /></button></a>
                                                                                            <ul class="dropdown-menu">                    
                                                                                                <li>           
               <div class="modal-dialog" style="z-index:1031">
diff --git a/css/Customers/MasterpageCustomers.css b/css/Customers/MasterpageCustomers.css
index 4091ec8..c78a217 100644
--- a/css/Customers/MasterpageCustomers.css
+++ b/css/Customers/MasterpageCustomers.css
@@ -166,7 +166,7 @@ ContentPlaceHolder1 {
     }
 }
 
-@media (min-width: 575px) {
+@media (min-width: 575px)  and (max-width: 768px) {
     body {
         font-family: 'Poppins', sans-serif;
         background: #fafafa;
@@ -235,7 +235,6 @@ ContentPlaceHolder1 {
         right: 20px;
       
     }
-
     .modal-body {
         /* background-color:#043381;*/
         background-color: #fff;
@@ -249,28 +248,129 @@ ContentPlaceHolder1 {
     #divueberdropdown {
         margin-right: 7px;
     }
+    #divübernavpills {
+        width: 10px;
+        margin-top: 10px;
+        right: -830px;
+        z-index: 1031;
+        position: relative;
+    }
 }
+@media (min-width: 575px) {
+    body {
+        font-family: 'Poppins', sans-serif;
+        background: #fafafa;
+        background-image: url("../../images/road.jpg");
+        background-position: center center;
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+        background-size: cover;
+        /* background-color:#043381;*/
+    }
 
-#ContentPlaceHolder1 {
-    align-self: center;
-    width: 1700px;
-}
+    #offcanvasWithBothOptions {
+        min-width: 17.692852087756545vw;
+        max-width: 17.692852087756545vw;
+    }
 
-#form1 {
-    align-content: center
-}
+    #normaltable {
+        padding-left: -0.125em;
+    }
 
-.align-self-center {
-    background-color: #fff;
-}
+    h1 {
+        color: #043381;
+        font-size: 32px;
+    }
 
-.modal-body {
-    /* background-color:#043381;*/
-    background-color: #fff;
-    color: #043381;
-}
+    #conovertab {
+        max-width: 150px 11.25em;
+        margin-left: 35px;
+        overflow-x: auto;
+    }
 
-.modal-header {
-    background-image: linear-gradient(to right, #003680, #0055cc);
-    color: #fff;
+    .containerSearch {
+        width: 3.1821797931583133vw;
+        color: #043381;
+        background-color: #fff;
+    }
+
+
+    .sidebar-header {
+        background-color: #fff;
+        max-width: 250px;
+        color: #043381;
+    }
+
+    .container-fluid {
+        background-color: #fff;
+        color: #043381;
+    }
+
+    #navbarhomebar {
+        background-color: #fff;
+        color: #043381;
+        margin-left: 21%;
+    }
+
+    .container-xxl {
+        background-color: #fff;
+    }
+
+    .list-unstyled components {
+        background-color: #fff;
+        max-width: 250px;
+    }
+
+    .dropdown-toggle::after {
+        display: block;
+        position: absolute;
+        top: 50%;
+        right: 20px;
+    }
+
+    .modal-body {
+        /* background-color:#043381;*/
+        background-color: #fff;
+        color: #043381;
+    }
+
+    .modal-header {
+        background-image: linear-gradient(to right, #003680, #0055cc);
+        color: #fff;
+    }
+
+    #divueberdropdown {
+        margin-right: 7px;
+    }
+
+    #divübernavpills {
+        width: 10px;
+        margin-top: 10px;
+        right: -230px;
+        z-index: 1031;
+        position: relative;
+    }
 }
+    #ContentPlaceHolder1 {
+        align-self: center;
+        width: 1700px;
+    }
+
+    #form1 {
+        align-content: center
+    }
+
+    .align-self-center {
+        background-color: #fff;
+    }
+
+    .modal-body {
+        /* background-color:#043381;*/
+        background-color: #fff;
+        color: #043381;
+    }
+
+    .modal-header {
+        background-image: linear-gradient(to right, #003680, #0055cc);
+        color: #fff;
+    }