edv/VERAG_Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Design-Anpassungen

Browse Source
This commit is contained in:
ja
2021-11-16 15:25:14 +01:00
parent b25e94ed07
commit 5d95e67ec5
2 changed files with 106 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
Customers/Cards_Boxes.aspx
View File

@@ -26,18 +26,66 @@
<link rel="stylesheet" type="text/css" href="../css/Customers/MasterpageCustomers.css"/>
<link rel="stylesheet" type="text/css" href="../css/Customers/CardsBoxes.css"/>
<link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/>
<style>
@media (max-width: 558.98px) {
#conovertab {
width: 350px;
overflow-x: auto;
}
body {
width: 400px;
}
h1 {
font-size: 28px;
}
#tableSearch {
max-width: 350px;
}
#containerseiterand {
margin-left: 5px;
margin-right: 5px;
width: 350px;
}
#imgcar {
width: 300px;
height: 125px;
}
.carousel-inner {
width: 600px;
height: 125px;
}
.carousel-item {
width: 600px;
height: 125px;
}
carousel-caption d-none d-md-block {
width: 600px;
height: 125px;
}
}
</style>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:ScriptManager ID="script4" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="panelupdate4" runat="server"><ContentTemplate>
<center>
<div style="height:/*5px*/ 0.390625vh"></div>
<h1>Karten und Boxen:</h1>
<h2>Das ist die Übersicht über all Ihre zu den LKWs zugehörigen Boxen:</h2>
<div class="g-3">
<!-- Große Bildschirme-->
<div class="d-none d-md-block">
<!-- <input class="form-control mb-4" id="tableSearch" type="text"
placeholder="Einen Begriff eingeben oder den Anfang davon ...">-->
<div id="conovertab" style="overflow-x:auto;"margin-left="-2px">
<asp:Table class="table table-responsive table-striped table-borderless" id="normaltable" runat="server" EnableViewState="false" BorderWidth="2px">
<asp:Table class="table table-responsive table-striped table-borderless" id="normaltable" runat="server" EnableViewState="false" Width="1200px" style="margin-left:-460px" BorderWidth="2px">
<asp:TableHeaderRow id="tbl_Header_row" runat="server" style="background-color:#043381;color:#fff">
<asp:TableHeaderCell ID="tbl_HeaderCellIndexNr" runat="server">Index-Nr</asp:TableHeaderCell>
<asp:TableHeaderCell ID="tbl_HeaderCell_LKWs" runat="server">LKW-Nr</asp:TableHeaderCell>
@@ -51,6 +99,28 @@
</asp:Table>
</div>
</div>
<!-- Smartphone-->
<div class="d-md-none">
<!-- <input class="form-control mb-4" id="tableSearch" type="text"
placeholder="Einen Begriff eingeben oder den Anfang davon ...">-->
<div id="conovertab_M" style="overflow-x:auto;"margin-left="-2px">
<asp:Table class="table table-responsive table-striped table-borderless" id="Table1" runat="server" EnableViewState="false" BorderWidth="2px">
<asp:TableHeaderRow id="TableHeaderRow1" runat="server" style="background-color:#043381;color:#fff">
<asp:TableHeaderCell ID="TableHeaderCell1" runat="server">Index-Nr</asp:TableHeaderCell>
<asp:TableHeaderCell ID="TableHeaderCell2" runat="server">LKW-Nr</asp:TableHeaderCell>
<asp:TableHeaderCell ID="TableHeaderCell3" runat="server">Status</asp:TableHeaderCell>
<asp:TableHeaderCell ID="TableHeaderCell4" runat="server">Auftragsdatum</asp:TableHeaderCell>
<asp:TableHeaderCell ID="TableHeaderCell5" runat="server">Absender</asp:TableHeaderCell>
<asp:TableHeaderCell ID="TableHeaderCell6" runat="server">Empfänger</asp:TableHeaderCell>
<asp:TableHeaderCell ID="TableHeaderCell7" runat="server">Auftrags-Nr</asp:TableHeaderCell>
<asp:TableHeaderCell ID="TableHeaderCell8" runat="server">Info</asp:TableHeaderCell>
</asp:TableHeaderRow>
</asp:Table>
</div>
</div>
</div>
</center>
</ContentTemplate></asp:UpdatePanel>
</asp:Content>

52
css/Customers/CardsBoxes.css
View File

@@ -1,4 +1,5 @@
.btn btn-primary {
@media (min-width: 558.98px) {
.btn btn-primary {
color: #043381;
background-color: #fff;
}
@@ -6,13 +7,14 @@
.align-self-xl-start {
width: 100%;
}
#normaltable {
width: 1500px;
width: 1400px;
}
#conovertab {
margin-left: 0px;
width: 1700px;
width: 1400px;
}
.carousel-inner {
@@ -41,48 +43,6 @@
}
#normaltable {
width: 100%;
}
@media (max-width: 558.98px) {
#conovertab {
width: 350px;
overflow-x: auto;
}
body {
width: 400px;
}
h1 {
font-size: 12px;
}
#tableSearch {
max-width: 350px;
}
#containerseiterand {
margin-left: 5px;
margin-right: 5px;
width: 350px;
}
#imgcar {
width: 300px;
height: 125px;
}
.carousel-inner {
width: 600px;
height: 125px;
}
.carousel-item {
width: 600px;
height: 125px;
}
carousel-caption d-none d-md-block {
width: 600px;
height: 125px;
width: 80%;
}
}