Verbesserungen an CSS

This commit is contained in:
ja
2021-09-01 14:10:32 +02:00
parent 6f236e488f
commit 2baf6dfe9b
3 changed files with 124 additions and 24 deletions

View File

@@ -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>

View File

@@ -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">

View File

@@ -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;
}