249 lines
8.4 KiB
CSS
249 lines
8.4 KiB
CSS
/* MODAL & FORM LIVRAISON */
|
|
|
|
#modalViewLivraison, #modalAddLivraison, #modalEditLivraison { overflow: hidden; }
|
|
|
|
#modalViewLivraison div.modal-header,
|
|
#modalAddLivraison div.modal-header,
|
|
#modalEditLivraison div.modal-header { border-bottom: none; padding-bottom: 5px; }
|
|
|
|
.formLivraison { margin: -15px; }
|
|
|
|
/* NAV TABS */
|
|
|
|
.formLivraison ul.nav.nav-tabs { padding-left: 10px; }
|
|
|
|
.formLivraison div.formTabs > div.tab {
|
|
display: none;
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
overflow-y: scroll;
|
|
}
|
|
.formLivraison div.formTabs > div.tab.active { display: block; }
|
|
|
|
.formLivraison div.formTabs > div.tab span.nullChild { display: block; padding: 10px; }
|
|
|
|
/* TAB GENERAL */
|
|
|
|
#modalAddLivraison div.formTabs > div.tabGeneral,
|
|
#modalEditLivraison div.formTabs > div.tabGeneral { padding: 15px; }
|
|
|
|
.formLivraison div.formTabs > div.tabGeneral table,
|
|
.formLivraison div.formTabs > div.tabGeneral div.form-group:last-child { margin-bottom: 0; }
|
|
|
|
.formLivraison div.formTabs > div.tabGeneral table tr:first-child > th,
|
|
.formLivraison div.formTabs > div.tabGeneral table tr:first-child > td { border-top: none; }
|
|
|
|
.formLivraison div.formTabs > div.tabGeneral table th { width: 160px; }
|
|
|
|
@media only screen and (hover: none) and (pointer: coarse) {
|
|
.formLivraison div.formTabs > div.tabGeneral input[type=date] { width: calc(100vw - 52px); }
|
|
}
|
|
|
|
/* TABLE PANIER */
|
|
|
|
.formLivraison table.panier {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
page-break-inside: avoid;
|
|
break-inside: avoid;
|
|
}
|
|
.formLivraison table.panier { margin-top: 10px; }
|
|
|
|
.formLivraison table.panier th,
|
|
.formLivraison table.panier td { padding: 4px; }
|
|
|
|
.formLivraison table.panier tr.absent { background-color: #f3f3f3; color: #8f8f8f; }
|
|
.formLivraison table.panier tr.absent td.nom { text-decoration: line-through; }
|
|
|
|
.formLivraison table.panier tr.lieuTitre { cursor: pointer; }
|
|
.formLivraison table.panier tr.lieuTitre th {
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 18px;
|
|
border: none;
|
|
}
|
|
.formLivraison table.panier tr.lieuTitre th:last-child { text-align: right; }
|
|
|
|
.formLivraison table.panier tr.panierTitre { cursor: pointer; }
|
|
.formLivraison table.panier tr.panierTitre th { background-color: #CECECE; border: none!important; }
|
|
.formLivraison table.panier tr.panierTitre th > small { float: right; }
|
|
|
|
.formLivraison table.panier tr.title th {
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 18px;
|
|
}
|
|
.formLivraison table.panier th.titre small { font-size: 0.75em; font-weight: 400; font-style: italic; }
|
|
.formLivraison table.panier th.total { text-align: right; vertical-align: bottom; }
|
|
.formLivraison table.panier th.total.unite { text-align: left; }
|
|
.formLivraison table.panier th.action { padding-top: 0!important; text-align: center; }
|
|
.formLivraison table.panier th.action .btnCopyCompo { margin-top: -3px; }
|
|
|
|
.formLivraison table.panier tr.head > th {
|
|
background-color: #3296c8;
|
|
border: 1px solid white;
|
|
color: white;
|
|
}
|
|
.formLivraison table.panier tr.head > th:first-child { border-left: none; }
|
|
.formLivraison table.panier tr.head > th:last-child { border-right: none; }
|
|
|
|
.formLivraison table.panier tr.head > th.complement,
|
|
.formLivraison table.panier tr.head > th.complement_regle { width: 100px; }
|
|
|
|
.formLivraison table.panier tr.head > th.tarif,
|
|
.formLivraison table.panier tr.head > th.quantite,
|
|
.formLivraison table.panier tr.head > th.montant { text-align: center; width: 120px; }
|
|
|
|
.formLivraison table.panier tr.head > th.status,
|
|
.formLivraison table.panier tr.head > th.action { text-align: center; width: 30px; }
|
|
|
|
.formLivraison table.panier tr.legume > td.tarif,
|
|
.formLivraison table.panier tr.legume > td.montant { text-align: center; }
|
|
|
|
.formLivraison table.panier tr.legume > td.quantite { text-align: right; width: 80px; }
|
|
.formLivraison .tabLegumes table.panier tr.legume > td.quantite,
|
|
#modalViewLivraison .formLivraison table.panier tr.legume td.quantite { text-align: center; }
|
|
|
|
.formLivraison table.panier tr.legume td.unite { width: 40px; }
|
|
|
|
.formLivraison table.panier tr.editing { background-color: #cdebf8; }
|
|
|
|
.formLivraison table.panier th.nb_paniers_restants,
|
|
.formLivraison table.panier td.nb_paniers_restants { width: 120px; text-align: center; }
|
|
|
|
.formLivraison table.panier input.editable { border: none; padding: 0; }
|
|
.formLivraison table.panier input.editable:focus { outline-style: none; }
|
|
|
|
.formLivraison table.panier input.editable.legume { width: 100%; text-align: left; }
|
|
.formLivraison table.panier input.editable.quantite { width: 70px; text-align: right; }
|
|
.formLivraison table.panier input.editable.complement,
|
|
.formLivraison table.panier input.editable.complement_regle { width: 90px; text-align: center; }
|
|
|
|
.formLivraison table.panier td.editable { cursor: pointer; }
|
|
|
|
@media (max-width: 767px) {
|
|
.formLivraison table.panier tr.lieuTitre th,
|
|
.formLivraison table.panier tr.title th { font-size: 14px; }
|
|
|
|
.formLivraison table.panier tr.head > th.tarif,
|
|
.formLivraison table.panier tr.head > th.quantite,
|
|
.formLivraison table.panier tr.head > th.montant { min-width: 65px; }
|
|
|
|
.formLivraison table.panier tr.head > th.tarif,
|
|
#modalViewLivraison .formLivraison table.panier tr.head > th.quantite,
|
|
.formLivraison .tabLegumes table.panier tr.head > th.quantite,
|
|
.formLivraison table.panier tr.head > th.montant { width: 70px; }
|
|
|
|
.formLivraison table.panier tr.legume td.tarif,
|
|
.formLivraison table.panier tr.legume td.quantite,
|
|
.formLivraison table.panier tr.legume td.montant { width: 60px; }
|
|
|
|
.formLivraison table.panier tr.legume td.unite { width: 25px; }
|
|
}
|
|
|
|
/* TAB PANIERS */
|
|
|
|
.formLivraison div.formTabs > div.tabPaniers input[type=checkbox] { cursor: pointer; margin-left: 4px; }
|
|
|
|
.formLivraison div.formTabs > div.tabPaniers table.panier tbody div.tooltip { max-width: 170px; }
|
|
|
|
.formLivraison div.formTabs > div.tabPaniers tr.panier { cursor: pointer; }
|
|
.formLivraison div.formTabs > div.tabPaniers tr.panier.absent,
|
|
.formLivraison div.formTabs > div.tabPaniers tr.panier.absent input[type=checkbox] { cursor: not-allowed; }
|
|
|
|
.formLivraison div.formTabs > div.tabPaniers tr.panier td { line-height: 16px; vertical-align: middle; }
|
|
|
|
@media only screen and (hover: none) and (pointer: coarse) {
|
|
.formLivraison div.formTabs > div.tabPaniers tr.panier td { line-height: 24px; }
|
|
}
|
|
|
|
/* TAB COMPO */
|
|
|
|
.formLivraison div.formTabs > div.tabCompo table.panier { margin: 10px 0; }
|
|
|
|
.formLivraison div.formTabs > div.tabCompo table.panier tr.legume.editable td.nom,
|
|
.formLivraison div.formTabs > div.tabCompo table.panier tr.legume.editable td.quantite { cursor: pointer; }
|
|
|
|
/* TAB LEGUMES */
|
|
|
|
.formLivraison div.formTabs > div.tabLegumes table.panier { margin-top: 10px; }
|
|
|
|
/* BTN PRINT */
|
|
|
|
#modalViewLivraison div.btnPrint {
|
|
position: relative;
|
|
top: 4px;
|
|
right: 10px;
|
|
}
|
|
|
|
@media only screen and (hover: none) and (pointer: coarse) {
|
|
#modalViewLivraison div.btnPrint button { padding: 6px; }
|
|
}
|
|
|
|
/* PRINT - DISTRIB */
|
|
|
|
table.distrib {
|
|
width: 100%;
|
|
border-collapse: true;
|
|
table-layout: fixed;
|
|
}
|
|
table.distrib thead tr { background-color: rgba(51, 122, 183, .1); }
|
|
|
|
table.distrib th, table.distrib td {
|
|
padding: 10px;
|
|
border: 1px dotted #333333;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
}
|
|
|
|
table.distrib td.legume {
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
background-color: rgba(51, 122, 183, .1);
|
|
}
|
|
|
|
table.distrib td.quantite {
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
}
|
|
|
|
/* PRINT - EMARGEMENT */
|
|
|
|
table.emargement { width: 100%; border-collapse: true; }
|
|
|
|
table.emargement thead tr { background-color: rgba(51, 122, 183, .1); }
|
|
|
|
table.emargement th, table.emargement td {
|
|
padding: 5px;
|
|
border: 1px dotted #333333;
|
|
}
|
|
table.emargement th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.emargement tbody td {
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
table.emargement .center { text-align: center; }
|
|
table.emargement .tel { max-width: 40px; }
|
|
table.emargement .type { max-width: 30px; }
|
|
table.emargement .nb_paniers { max-width: 25px; }
|
|
table.emargement .complement { max-width: 40px; }
|
|
table.emargement .signature { max-width: 60px; }
|
|
|
|
table.emargement .type.multi_paniers,
|
|
table.emargement .nb_paniers.multi_paniers {
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
table.emargement tr.absent { background-color: #F0F0F0; }
|
|
|
|
table.emargement tr.absent td.nom,
|
|
table.emargement tr.absent td.tel,
|
|
table.emargement tr.absent td.type,
|
|
table.emargement tr.absent td.nb_paniers { text-decoration: line-through; } |