BenoitCier
/
Opendistrib
forkattu lähteestä Laclic/Souke
Tarkkaile 1
Äänestä 0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Activity
Selaa lähdekoodia

[backend] Responsive : correctif modal ajout/modification commande

dev
Guillaume 4 vuotta sitten
vanhempi
e14a18f48e
commit
f092d5811f
4 muutettua tiedostoa jossa 438 lisäystä ja 414 poistoa
Yhdistetty näkymä Näytä diff tilastot
  1. +97
    -97
      backend/web/css/screen.css
  2. +0
    -2
      backend/web/js/vuejs/distribution-index.js
  3. +2
    -27
      backend/web/sass/_responsive.scss
  4. +339
    -288
      backend/web/sass/distribution/_index.scss

+ 97
- 97
backend/web/css/screen.css Näytä tiedosto

.distribution-index #wrapper-app-distribution-index { .distribution-index #wrapper-app-distribution-index {
display: none; display: none;
} }
/* line 47, ../sass/distribution/_index.scss */
/* line 48, ../sass/distribution/_index.scss */
.distribution-index #wrapper-app-distribution-index.loaded { .distribution-index #wrapper-app-distribution-index.loaded {
display: block; display: block;
} }
/* line 52, ../sass/distribution/_index.scss */
/* line 53, ../sass/distribution/_index.scss */
.distribution-index #app-distribution-index { .distribution-index #app-distribution-index {
position: relative; position: relative;
} }
/* line 56, ../sass/distribution/_index.scss */
/* line 57, ../sass/distribution/_index.scss */
.distribution-index #distribution-date { .distribution-index #distribution-date {
display: none; display: none;
} }
/* line 60, ../sass/distribution/_index.scss */
/* line 61, ../sass/distribution/_index.scss */
.distribution-index #calendar { .distribution-index #calendar {
margin-bottom: 15px; margin-bottom: 15px;
} }
/* line 62, ../sass/distribution/_index.scss */
/* line 64, ../sass/distribution/_index.scss */
.distribution-index #calendar .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title[data-v-2083cb72] { .distribution-index #calendar .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title[data-v-2083cb72] {
font-size: 2rem; font-size: 2rem;
} }
/* line 65, ../sass/distribution/_index.scss */
/* line 68, ../sass/distribution/_index.scss */
.distribution-index #calendar .c-day-background { .distribution-index #calendar .c-day-background {
padding: 16px; padding: 16px;
} }
/* line 72, ../sass/distribution/_index.scss */
/* line 76, ../sass/distribution/_index.scss */
.distribution-index #calendar .c-day-popover-content { .distribution-index #calendar .c-day-popover-content {
font-size: 1.3rem; font-size: 1.3rem;
} }
/* line 76, ../sass/distribution/_index.scss */
/* line 80, ../sass/distribution/_index.scss */
.distribution-index #calendar .c-title { .distribution-index #calendar .c-title {
text-transform: uppercase; text-transform: uppercase;
font-family: "capsuularegular";
font-family: 'capsuularegular';
} }
/* line 83, ../sass/distribution/_index.scss */
/* line 87, ../sass/distribution/_index.scss */
.distribution-index #products td.quantities { .distribution-index #products td.quantities {
width: 100px; width: 100px;
text-align: right; text-align: right;
} }
/* line 87, ../sass/distribution/_index.scss */
/* line 92, ../sass/distribution/_index.scss */
.distribution-index #products input.quantity-max { .distribution-index #products input.quantity-max {
width: 50px; width: 50px;
text-align: center; text-align: center;
display: inline; display: inline;
} }
/* line 95, ../sass/distribution/_index.scss */
/* line 100, ../sass/distribution/_index.scss */
.distribution-index #infos-top .col-md-4 { .distribution-index #infos-top .col-md-4 {
padding: 0px; padding: 0px;
} }
/* line 99, ../sass/distribution/_index.scss */
/* line 106, ../sass/distribution/_index.scss */
.distribution-index #infos-top .info-box { .distribution-index #infos-top .info-box {
min-height: 96px; min-height: 96px;
height: 96px; height: 96px;
} }
/* line 102, ../sass/distribution/_index.scss */
/* line 110, ../sass/distribution/_index.scss */
.distribution-index #infos-top .info-box .info-box-icon { .distribution-index #infos-top .info-box .info-box-icon {
height: 96px; height: 96px;
width: 50px; width: 50px;
line-height: 96px; line-height: 96px;
} }
/* line 106, ../sass/distribution/_index.scss */
/* line 115, ../sass/distribution/_index.scss */
.distribution-index #infos-top .info-box .info-box-icon i.fa { .distribution-index #infos-top .info-box .info-box-icon i.fa {
font-size: 30px; font-size: 30px;
} }
/* line 110, ../sass/distribution/_index.scss */
/* line 120, ../sass/distribution/_index.scss */
.distribution-index #infos-top .info-box .info-box-content { .distribution-index #infos-top .info-box .info-box-content {
margin-left: 55px; margin-left: 55px;
} }
/* line 112, ../sass/distribution/_index.scss */
/* line 123, ../sass/distribution/_index.scss */
.distribution-index #infos-top .info-box .info-box-content .info-box-text { .distribution-index #infos-top .info-box .info-box-content .info-box-text {
font-size: 12px; font-size: 12px;
} }
/* line 114, ../sass/distribution/_index.scss */
/* line 126, ../sass/distribution/_index.scss */
.distribution-index #infos-top .info-box .info-box-content .info-box-text .btn { .distribution-index #infos-top .info-box .info-box-content .info-box-text .btn {
font-size: 12px; font-size: 12px;
text-transform: uppercase; text-transform: uppercase;
} }
/* line 119, ../sass/distribution/_index.scss */
/* line 132, ../sass/distribution/_index.scss */
.distribution-index #infos-top .info-box .info-box-content .info-box-number { .distribution-index #infos-top .info-box .info-box-content .info-box-number {
font-size: 14px; font-size: 14px;
} }
/* line 126, ../sass/distribution/_index.scss */
/* line 139, ../sass/distribution/_index.scss */
.distribution-index #infos-top #info-box-distribution .btn-active-week { .distribution-index #infos-top #info-box-distribution .btn-active-week {
float: right; float: right;
} }
/* line 132, ../sass/distribution/_index.scss */
/* line 145, ../sass/distribution/_index.scss */
.distribution-index #infos-top #summary-ca-weight .normal { .distribution-index #infos-top #summary-ca-weight .normal {
font-weight: normal; font-weight: normal;
} }
/* line 142, ../sass/distribution/_index.scss */
/* line 155, ../sass/distribution/_index.scss */
.distribution-index #modal-products table.table thead tr td { .distribution-index #modal-products table.table thead tr td {
font-weight: bold; font-weight: bold;
} }
/* line 147, ../sass/distribution/_index.scss */
/* line 161, ../sass/distribution/_index.scss */
.distribution-index #modal-products table.table td.quantity-ordered, .distribution-index #modal-products table.table td.quantity-ordered,
.distribution-index #modal-products table.table td.quantity-max { .distribution-index #modal-products table.table td.quantity-max {
text-align: center; text-align: center;
} }
/* line 152, ../sass/distribution/_index.scss */
/* line 166, ../sass/distribution/_index.scss */
.distribution-index #modal-products table.table td.quantity-ordered { .distribution-index #modal-products table.table td.quantity-ordered {
width: 50px; width: 50px;
} }
/* line 155, ../sass/distribution/_index.scss */
/* line 170, ../sass/distribution/_index.scss */
.distribution-index #modal-products table.table td.quantity-max { .distribution-index #modal-products table.table td.quantity-max {
width: 120px; width: 120px;
} }
/* line 158, ../sass/distribution/_index.scss */
/* line 173, ../sass/distribution/_index.scss */
.distribution-index #modal-products table.table td.quantity-max input { .distribution-index #modal-products table.table td.quantity-max input {
text-align: center; text-align: center;
} }
/* line 165, ../sass/distribution/_index.scss */
/* line 180, ../sass/distribution/_index.scss */
.distribution-index #orders { .distribution-index #orders {
position: relative; position: relative;
} }
/* line 170, ../sass/distribution/_index.scss */
/* line 185, ../sass/distribution/_index.scss */
.distribution-index #orders .panel-heading .buttons .btn { .distribution-index #orders .panel-heading .buttons .btn {
position: relative; position: relative;
top: -19px; top: -19px;
float: right; float: right;
margin-left: 10px; margin-left: 10px;
} }
/* line 179, ../sass/distribution/_index.scss */
/* line 194, ../sass/distribution/_index.scss */
.distribution-index #orders #wrapper-nav-points-sale { .distribution-index #orders #wrapper-nav-points-sale {
margin-bottom: 10px; margin-bottom: 10px;
} }
/* line 182, ../sass/distribution/_index.scss */
/* line 197, ../sass/distribution/_index.scss */
.distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale { .distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
list-style-type: none; list-style-type: none;
} }
/* line 187, ../sass/distribution/_index.scss */
/* line 202, ../sass/distribution/_index.scss */
.distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li { .distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li {
float: left; float: left;
margin-right: 10px; margin-right: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
/* line 193, ../sass/distribution/_index.scss */
/* line 208, ../sass/distribution/_index.scss */
.distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li a .label { .distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li a .label {
background-color: white; background-color: white;
border: solid 1px #e0e0e0; border: solid 1px #e0e0e0;
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
} }
/* line 204, ../sass/distribution/_index.scss */
/* line 219, ../sass/distribution/_index.scss */
.distribution-index #orders #buttons-top-orders { .distribution-index #orders #buttons-top-orders {
background-color: #F5F5F5; background-color: #F5F5F5;
padding: 10px 20px; padding: 10px 20px;
border-radius: 5px; border-radius: 5px;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 215, ../sass/distribution/_index.scss */
/* line 230, ../sass/distribution/_index.scss */
.distribution-index #orders #buttons-top-orders .right { .distribution-index #orders #buttons-top-orders .right {
float: right; float: right;
} }
/* line 222, ../sass/distribution/_index.scss */
/* line 237, ../sass/distribution/_index.scss */
.distribution-index #orders table td.tiller { .distribution-index #orders table td.tiller {
width: 60px; width: 60px;
} }
/* line 225, ../sass/distribution/_index.scss */
/* line 240, ../sass/distribution/_index.scss */
.distribution-index #orders table td.tiller label { .distribution-index #orders table td.tiller label {
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
top: -2px; top: -2px;
font-weight: normal; font-weight: normal;
} }
/* line 234, ../sass/distribution/_index.scss */
/* line 249, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-actions { .distribution-index #orders table td.column-actions {
position: relative; position: relative;
text-align: right; text-align: right;
} }
/* line 238, ../sass/distribution/_index.scss */
/* line 253, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-actions .dropdown-menu { .distribution-index #orders table td.column-actions .dropdown-menu {
top: 0px; top: 0px;
right: 0px; right: 0px;
} }
/* line 243, ../sass/distribution/_index.scss */
/* line 258, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-actions .modal-form-order, .distribution-index #orders table td.column-actions .modal-form-order,
.distribution-index #orders table td.column-actions .modal-payment { .distribution-index #orders table td.column-actions .modal-payment {
text-align: left; text-align: left;
} }
/* line 248, ../sass/distribution/_index.scss */
/* line 263, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-actions .add-subscription { .distribution-index #orders table td.column-actions .add-subscription {
position: relative; position: relative;
} }
/* line 250, ../sass/distribution/_index.scss */
/* line 266, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-actions .add-subscription .glyphicon-plus { .distribution-index #orders table td.column-actions .add-subscription .glyphicon-plus {
position: absolute; position: absolute;
top: 4px; top: 4px;
right: 4px; right: 4px;
font-size: 7px; font-size: 7px;
} }
/* line 259, ../sass/distribution/_index.scss */
/* line 275, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-state-payment { .distribution-index #orders table td.column-state-payment {
width: 120px; width: 120px;
} }
/* line 264, ../sass/distribution/_index.scss */
/* line 280, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-payment div.btn-group { .distribution-index #orders table td.column-payment div.btn-group {
width: 125px; width: 125px;
} }
/* line 270, ../sass/distribution/_index.scss */
/* line 286, ../sass/distribution/_index.scss */
.distribution-index #orders table tr.view ul { .distribution-index #orders table tr.view ul {
list-style-type: none; list-style-type: none;
margin-left: 0px; margin-left: 0px;
padding-left: 15px; padding-left: 15px;
} }
/* line 279, ../sass/distribution/_index.scss */
/* line 296, ../sass/distribution/_index.scss */
.distribution-index #orders table tr.view .comment { .distribution-index #orders table tr.view .comment {
margin-top: 20px; margin-top: 20px;
} }
/* line 288, ../sass/distribution/_index.scss */
/* line 305, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order .modal-container {
width: 100%;
padding: 0px;
}
/* line 309, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order .modal-container .modal-body {
padding-right: 15px;
}
/* line 311, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order .modal-container .modal-body table {
margin-bottom: 150px;
}
/* line 316, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order .modal-container .modal-footer {
border-top-color: #f4f4f4;
position: fixed;
bottom: 0;
right: 0;
z-index: 99999;
background-color: white;
width: 100%;
text-align: center;
border-top: solid 1px #e0e0e0;
}
/* line 328, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order .modal-container .modal-footer .actions-form button {
float: none;
}
/* line 335, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order .btn-credit { .distribution-index .modal-form-order .btn-credit {
float: right; float: right;
} }
/* line 294, ../sass/distribution/_index.scss */
/* line 341, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order table.table-products .product-ordered td { .distribution-index .modal-form-order table.table-products .product-ordered td {
background-color: #e9e9e9; background-color: #e9e9e9;
} }
/* line 298, ../sass/distribution/_index.scss */
/* line 345, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order table.table-products .product-ordered input { .distribution-index .modal-form-order table.table-products .product-ordered input {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
/* line 304, ../sass/distribution/_index.scss */
/* line 351, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order table.table-products td.quantity { .distribution-index .modal-form-order table.table-products td.quantity {
width: 165px; width: 165px;
} }
/* line 307, ../sass/distribution/_index.scss */
/* line 354, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order table.table-products td.quantity input { .distribution-index .modal-form-order table.table-products td.quantity input {
text-align: center; text-align: center;
color: black; color: black;
} }
/* line 311, ../sass/distribution/_index.scss */
/* line 359, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order table.table-products td.quantity .form-control { .distribution-index .modal-form-order table.table-products td.quantity .form-control {
border-right: 0px none; border-right: 0px none;
padding-right: 4px; padding-right: 4px;
} }
/* line 315, ../sass/distribution/_index.scss */
/* line 364, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order table.table-products td.quantity .input-group-addon { .distribution-index .modal-form-order table.table-products td.quantity .input-group-addon {
padding: 5px; padding: 5px;
padding-left: 0px; padding-left: 0px;
border-left: 0px none; border-left: 0px none;
border-right: 0px none; border-right: 0px none;
} }
/* line 323, ../sass/distribution/_index.scss */
/* line 373, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order table.table-products td.quantity-remaining { .distribution-index .modal-form-order table.table-products td.quantity-remaining {
text-align: right; text-align: right;
} }
/* line 326, ../sass/distribution/_index.scss */
/* line 376, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order table.table-products td.quantity-remaining.quantity-remaining, .distribution-index .modal-form-order table.table-products td.quantity-remaining.infinite { .distribution-index .modal-form-order table.table-products td.quantity-remaining.quantity-remaining, .distribution-index .modal-form-order table.table-products td.quantity-remaining.infinite {
color: #00A65A; color: #00A65A;
} }
/* line 330, ../sass/distribution/_index.scss */
/* line 380, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order table.table-products td.quantity-remaining.negative { .distribution-index .modal-form-order table.table-products td.quantity-remaining.negative {
color: #DD4B39; color: #DD4B39;
} }
/* line 334, ../sass/distribution/_index.scss */
/* line 384, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order table.table-products td.quantity-remaining.infinite, .distribution-index .modal-form-order table.table-products td.quantity-remaining.empty { .distribution-index .modal-form-order table.table-products td.quantity-remaining.infinite, .distribution-index .modal-form-order table.table-products td.quantity-remaining.empty {
font-size: 18px; font-size: 18px;
} }
/* line 341, ../sass/distribution/_index.scss */
/* line 391, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order .actions-form button { .distribution-index .modal-form-order .actions-form button {
margin-left: 15px; margin-left: 15px;
} }
/* line 349, ../sass/distribution/_index.scss */
/* line 399, ../sass/distribution/_index.scss */
.distribution-index .modal-payment .info-box .info-box-icon { .distribution-index .modal-payment .info-box .info-box-icon {
width: 50px; width: 50px;
} }
/* line 351, ../sass/distribution/_index.scss */
/* line 402, ../sass/distribution/_index.scss */
.distribution-index .modal-payment .info-box .info-box-icon i { .distribution-index .modal-payment .info-box .info-box-icon i {
font-size: 30px; font-size: 30px;
} }
/* line 355, ../sass/distribution/_index.scss */
/* line 407, ../sass/distribution/_index.scss */
.distribution-index .modal-payment .info-box .info-box-content { .distribution-index .modal-payment .info-box .info-box-content {
margin-left: 50px; margin-left: 50px;
} }
display: none; display: none;
} }


/* line 58, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container {
width: 100%;
padding: 0px;
}
/* line 62, ../sass/_responsive.scss */ /* line 62, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container .modal-body {
padding-right: 15px;
}
/* line 64, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container .modal-body table {
margin-bottom: 100px;
}
/* line 70, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container .modal-body table.table-products td.quantity .form-control { .distribution-index .modal-form-order .modal-container .modal-body table.table-products td.quantity .form-control {
width: 50px; width: 50px;
height: 52px; height: 52px;
} }
/* line 78, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container .modal-footer {
border-top-color: #f4f4f4;
position: fixed;
bottom: 0;
right: 0;
z-index: 99999;
background-color: white;
width: 100%;
text-align: center;
border-top: solid 1px #e0e0e0;
}
/* line 90, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container .modal-footer .actions-form button {
float: none;
}
/* line 101, ../sass/_responsive.scss */
/* line 76, ../sass/_responsive.scss */
.distribution-index #orders #buttons-top-orders .left { .distribution-index #orders #buttons-top-orders .left {
width: 100%; width: 100%;
float: none; float: none;
} }
/* line 105, ../sass/_responsive.scss */
/* line 80, ../sass/_responsive.scss */
.distribution-index #orders #buttons-top-orders .right { .distribution-index #orders #buttons-top-orders .right {
width: 100%; width: 100%;
float: none; float: none;
} }
/* line 110, ../sass/_responsive.scss */
/* line 85, ../sass/_responsive.scss */
.distribution-index #orders #buttons-top-orders .btn { .distribution-index #orders #buttons-top-orders .btn {
padding: 8px 15px; padding: 8px 15px;
margin: 10px; margin: 10px;
display: block; display: block;
width: 100%; width: 100%;
} }
/* line 120, ../sass/_responsive.scss */
/* line 95, ../sass/_responsive.scss */
.distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li { .distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li {
float: none; float: none;
width: 100%; width: 100%;
} }
/* line 123, ../sass/_responsive.scss */
/* line 98, ../sass/_responsive.scss */
.distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li a { .distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li a {
display: block; display: block;
} }
/* line 132, ../sass/_responsive.scss */
/* line 107, ../sass/_responsive.scss */
.distribution-index #orders table ul.dropdown-menu a { .distribution-index #orders table ul.dropdown-menu a {
padding: 15px; padding: 15px;
} }
/* line 136, ../sass/_responsive.scss */
/* line 111, ../sass/_responsive.scss */
.distribution-index #orders table button { .distribution-index #orders table button {
padding: 15px; padding: 15px;
} }
/* line 141, ../sass/_responsive.scss */
/* line 116, ../sass/_responsive.scss */
.distribution-index #orders table .column-origin, .distribution-index #orders table .column-origin,
.distribution-index #orders table .column-point-sale, .distribution-index #orders table .column-point-sale,
.distribution-index #orders table .column-state-payment, .distribution-index #orders table .column-state-payment,

+ 0
- 2
backend/web/js/vuejs/distribution-index.js Näytä tiedosto

this.initModalFormOrder() ; this.initModalFormOrder() ;
}, },
initModalFormOrder: function() { initModalFormOrder: function() {
if($(window).height() < 768) {
setTimeout(function() { setTimeout(function() {
$('.modal-body').css('height',$(window).height()) ; $('.modal-body').css('height',$(window).height()) ;
$('.modal-body').css('maxHeight','unset') ; $('.modal-body').css('maxHeight','unset') ;
},500); },500);
}
}, },
orderPaymentModalClick: function(event) { orderPaymentModalClick: function(event) {
var idOrder = event.currentTarget.getAttribute('data-id-order') ; var idOrder = event.currentTarget.getAttribute('data-id-order') ;

+ 2
- 27
backend/web/sass/_responsive.scss Näytä tiedosto



.modal-form-order { .modal-form-order {
.modal-container { .modal-container {
width: 100% ;
padding: 0px ;

.modal-body { .modal-body {
padding-right: 15px ;
table {
margin-bottom: 100px ;
}

table.table-products { table.table-products {
td.quantity { td.quantity {
.form-control { .form-control {
width: 50px ;
height: 52px ;
width: 50px;
height: 52px;
} }
} }
} }


} }
.modal-footer {
border-top-color: #f4f4f4;
position: fixed;
bottom: 0;
right: 0;
z-index: 99999;
background-color: white;
width: 100%;
text-align: center;
border-top: solid 1px #e0e0e0 ;

.actions-form {
button {
float: none ;
}
}
}
} }
} }



+ 339
- 288
backend/web/sass/distribution/_index.scss Näytä tiedosto

*/ */


.distribution-index { .distribution-index {
.content-header {
.date {
font-weight: bold ;
}
}
#wrapper-app-distribution-index {
display: none ;
&.loaded {
display: block ;
}
}
#app-distribution-index {
position: relative ;
}
#distribution-date {
display: none ;
}
#calendar {
margin-bottom: 15px ;
.c-header .c-title-layout .c-title-popover .c-title-anchor .c-title[data-v-2083cb72] {
font-size: 2rem ;
}
.c-day-background {
//background-color: #F39C12;
//background-color: white ;
padding: 16px ;
//border: solid 1px black !important ;
//opacity: 1 ;
}
.c-day-popover-content {
font-size: 1.3rem ;
}
.c-title {
text-transform: uppercase ;
font-family: 'capsuularegular' ;

.content-header {
.date {
font-weight: bold;
}
} }
}
#products {
td.quantities {
width: 100px;
text-align: right ;

#wrapper-app-distribution-index {
display: none;

&.loaded {
display: block;
}
} }
input.quantity-max {
width: 50px ;
text-align: center ;
display: inline ;

#app-distribution-index {
position: relative;
} }
}
#infos-top {
.col-md-4 {
padding: 0px ;

#distribution-date {
display: none;
} }
$height-info-box: 96px ;
.info-box {
min-height: $height-info-box ;
height: $height-info-box ;
.info-box-icon {
height: $height-info-box ;
width: 50px ;
line-height: $height-info-box ;
i.fa {
font-size: 30px ;

#calendar {
margin-bottom: 15px;

.c-header .c-title-layout .c-title-popover .c-title-anchor .c-title[data-v-2083cb72] {
font-size: 2rem;
} }
}
.info-box-content {
margin-left: 55px ;
.info-box-text {
font-size: 12px ;
.btn {
font-size: 12px ;
text-transform: uppercase ;
}

.c-day-background {
//background-color: #F39C12;
//background-color: white ;
padding: 16px;
//border: solid 1px black !important ;
//opacity: 1 ;
} }
.info-box-number {
font-size: 14px ;

.c-day-popover-content {
font-size: 1.3rem;
}

.c-title {
text-transform: uppercase;
font-family: 'capsuularegular';
} }
}
}
#info-box-distribution {
.btn-active-week {
float: right ;
}
}
#summary-ca-weight {
.normal {
font-weight: normal ;
}
} }
}
#modal-products {
table.table {
thead {
tr {
td {
font-weight: bold ;
}

#products {
td.quantities {
width: 100px;
text-align: right;
} }
}
td.quantity-ordered,
td.quantity-max {
text-align: center;
}

td.quantity-ordered {
width: 50px ;
}
td.quantity-max {
width: 120px ;
input {
text-align: center ;

input.quantity-max {
width: 50px;
text-align: center;
display: inline;
} }
}
} }
}
#orders {
position: relative ;
.panel-heading {
.buttons {
.btn {
position: relative ;
top: -19px ;
float: right ;
margin-left: 10px ;

#infos-top {
.col-md-4 {
padding: 0px;
} }
}
}
#wrapper-nav-points-sale {
margin-bottom: 10px ;
ul#nav-points-sale {
margin: 0px ;
padding: 0px ;
list-style-type: none ;

li {
float: left ;
margin-right: 10px ;
margin-bottom: 10px ;
a {
.label {
background-color: white ;
border: solid 1px #e0e0e0 ;
@include border-radius(10px) ;

$height-info-box: 96px ;

.info-box {
min-height: $height-info-box;
height: $height-info-box;

.info-box-icon {
height: $height-info-box;
width: 50px;
line-height: $height-info-box;

i.fa {
font-size: 30px;
}
} }
}
}
}
}


#buttons-top-orders {
background-color: #F5F5F5 ;
padding: 10px 20px ;
border: solid 1px #e0e0e0 ;
@include border-radius(5px) ;
margin-bottom: 20px ;
.info-box-content {
margin-left: 55px;


.left {
.info-box-text {
font-size: 12px;


}
.btn {
font-size: 12px;
text-transform: uppercase;
}
}


.right {
float: right ;
}
}
table {
td.tiller {
width: 60px ;
label {
font-size: 12px ;
cursor: pointer ;
position: relative ;
top: -2px ;
font-weight: normal ;
}
}
td.column-actions {
position: relative ;
text-align: right ;

.dropdown-menu {
top: 0px ;
right: 0px ;
.info-box-number {
font-size: 14px;
}
}
} }


.modal-form-order,
.modal-payment {
text-align: left ;
}
.add-subscription {
position: relative ;
.glyphicon-plus {
position: absolute ;
top: 4px ;
right: 4px ;
font-size: 7px ;
}
}
}
td.column-state-payment {
width: 120px ;
}
td.column-payment {
div.btn-group {
width: 125px ;
}
}
tr.view {
ul {
list-style-type: none ;
margin-left: 0px ;
padding-left: 15px ;
li {
}
#info-box-distribution {
.btn-active-week {
float: right;
}
} }
.comment {
margin-top: 20px ;

#summary-ca-weight {
.normal {
font-weight: normal;
}
} }
}
} }
}
.modal-form-order {
.btn-credit {
float: right ;

#modal-products {
table.table {
thead {
tr {
td {
font-weight: bold;
}
}
}

td.quantity-ordered,
td.quantity-max {
text-align: center;
}

td.quantity-ordered {
width: 50px;
}

td.quantity-max {
width: 120px;

input {
text-align: center;
}
}
}
} }
table.table-products {
.product-ordered {
td {
background-color: #e9e9e9 ;

#orders {
position: relative;

.panel-heading {
.buttons {
.btn {
position: relative;
top: -19px;
float: right;
margin-left: 10px;
}
}
} }


input {
font-size: 16px ;
font-weight: bold ;
#wrapper-nav-points-sale {
margin-bottom: 10px;

ul#nav-points-sale {
margin: 0px;
padding: 0px;
list-style-type: none;

li {
float: left;
margin-right: 10px;
margin-bottom: 10px;

a {
.label {
background-color: white;
border: solid 1px #e0e0e0;
@include border-radius(10px) ;
}
}

}
}
} }
}
td.quantity {
width: 165px ;
input {
text-align: center ;
color: black ;

#buttons-top-orders {
background-color: #F5F5F5;
padding: 10px 20px;
border: solid 1px #e0e0e0;
@include border-radius(5px) ;
margin-bottom: 20px;

.left {

}

.right {
float: right;
}
} }
.form-control {
border-right: 0px none ;
padding-right: 4px ;

table {

td.tiller {
width: 60px;

label {
font-size: 12px;
cursor: pointer;
position: relative;
top: -2px;
font-weight: normal;
}
}

td.column-actions {
position: relative;
text-align: right;

.dropdown-menu {
top: 0px;
right: 0px;
}

.modal-form-order,
.modal-payment {
text-align: left;
}

.add-subscription {
position: relative;

.glyphicon-plus {
position: absolute;
top: 4px;
right: 4px;
font-size: 7px;
}
}
}

td.column-state-payment {
width: 120px;
}

td.column-payment {
div.btn-group {
width: 125px;
}
}

tr.view {
ul {
list-style-type: none;
margin-left: 0px;
padding-left: 15px;

li {

}
}

.comment {
margin-top: 20px;
}
}
} }
.input-group-addon {
padding: 5px ;
padding-left: 0px ;
margin: 0px ;
border-left: 0px none ;
border-right: 0px none ;
}

.modal-form-order {

.modal-container {
width: 100%;
padding: 0px;

.modal-body {
padding-right: 15px;
table {
margin-bottom: 150px;
}
}

.modal-footer {
border-top-color: #f4f4f4;
position: fixed;
bottom: 0;
right: 0;
z-index: 99999;
background-color: white;
width: 100%;
text-align: center;
border-top: solid 1px #e0e0e0;

.actions-form {
button {
float: none;
}
}
}
} }
}
td.quantity-remaining {
text-align: right ;
&.quantity-remaining, &.infinite {
color: #00A65A ;

.btn-credit {
float: right;
} }
&.negative {
color: #DD4B39 ;

table.table-products {
.product-ordered {
td {
background-color: #e9e9e9;
}

input {
font-size: 16px;
font-weight: bold;
}
}

td.quantity {
width: 165px;

input {
text-align: center;
color: black;
}

.form-control {
border-right: 0px none;
padding-right: 4px;
}

.input-group-addon {
padding: 5px;
padding-left: 0px;
margin: 0px;
border-left: 0px none;
border-right: 0px none;
}
}

td.quantity-remaining {
text-align: right;

&.quantity-remaining, &.infinite {
color: #00A65A;
}

&.negative {
color: #DD4B39;
}

&.infinite, &.empty {
font-size: 18px;
}
}
} }
&.infinite, &.empty {
font-size: 18px ;

.actions-form {
button {
margin-left: 15px;
}
} }
}
}
.actions-form {
button {
margin-left: 15px ;
}
} }
}
.modal-payment {
.info-box {
.info-box-icon {
width: 50px ;
i {
font-size: 30px ;

.modal-payment {
.info-box {
.info-box-icon {
width: 50px;

i {
font-size: 30px;
}
}

.info-box-content {
margin-left: 50px;
}
} }
}
.info-box-content {
margin-left: 50px ;
}
} }
}
} }



Write Preview
Loading…
Peruuta
Tallenna