BenoitCier
/
Opendistrib
geforked van Laclic/Souke
Volgen 1
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

[backend] Responsive : correctif modal ajout/modification commande

dev
Guillaume 4 jaren geleden
bovenliggende
e14a18f48e
commit
f092d5811f
4 gewijzigde bestanden met toevoegingen van 438 en 414 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  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 Bestand weergeven

@@ -1870,143 +1870,143 @@ termes.
.distribution-index #wrapper-app-distribution-index {
display: none;
}
/* line 47, ../sass/distribution/_index.scss */
/* line 48, ../sass/distribution/_index.scss */
.distribution-index #wrapper-app-distribution-index.loaded {
display: block;
}
/* line 52, ../sass/distribution/_index.scss */
/* line 53, ../sass/distribution/_index.scss */
.distribution-index #app-distribution-index {
position: relative;
}
/* line 56, ../sass/distribution/_index.scss */
/* line 57, ../sass/distribution/_index.scss */
.distribution-index #distribution-date {
display: none;
}
/* line 60, ../sass/distribution/_index.scss */
/* line 61, ../sass/distribution/_index.scss */
.distribution-index #calendar {
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] {
font-size: 2rem;
}
/* line 65, ../sass/distribution/_index.scss */
/* line 68, ../sass/distribution/_index.scss */
.distribution-index #calendar .c-day-background {
padding: 16px;
}
/* line 72, ../sass/distribution/_index.scss */
/* line 76, ../sass/distribution/_index.scss */
.distribution-index #calendar .c-day-popover-content {
font-size: 1.3rem;
}
/* line 76, ../sass/distribution/_index.scss */
/* line 80, ../sass/distribution/_index.scss */
.distribution-index #calendar .c-title {
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 {
width: 100px;
text-align: right;
}
/* line 87, ../sass/distribution/_index.scss */
/* line 92, ../sass/distribution/_index.scss */
.distribution-index #products input.quantity-max {
width: 50px;
text-align: center;
display: inline;
}
/* line 95, ../sass/distribution/_index.scss */
/* line 100, ../sass/distribution/_index.scss */
.distribution-index #infos-top .col-md-4 {
padding: 0px;
}
/* line 99, ../sass/distribution/_index.scss */
/* line 106, ../sass/distribution/_index.scss */
.distribution-index #infos-top .info-box {
min-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 {
height: 96px;
width: 50px;
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 {
font-size: 30px;
}
/* line 110, ../sass/distribution/_index.scss */
/* line 120, ../sass/distribution/_index.scss */
.distribution-index #infos-top .info-box .info-box-content {
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 {
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 {
font-size: 12px;
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 {
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 {
float: right;
}
/* line 132, ../sass/distribution/_index.scss */
/* line 145, ../sass/distribution/_index.scss */
.distribution-index #infos-top #summary-ca-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 {
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-max {
text-align: center;
}
/* line 152, ../sass/distribution/_index.scss */
/* line 166, ../sass/distribution/_index.scss */
.distribution-index #modal-products table.table td.quantity-ordered {
width: 50px;
}
/* line 155, ../sass/distribution/_index.scss */
/* line 170, ../sass/distribution/_index.scss */
.distribution-index #modal-products table.table td.quantity-max {
width: 120px;
}
/* line 158, ../sass/distribution/_index.scss */
/* line 173, ../sass/distribution/_index.scss */
.distribution-index #modal-products table.table td.quantity-max input {
text-align: center;
}
/* line 165, ../sass/distribution/_index.scss */
/* line 180, ../sass/distribution/_index.scss */
.distribution-index #orders {
position: relative;
}
/* line 170, ../sass/distribution/_index.scss */
/* line 185, ../sass/distribution/_index.scss */
.distribution-index #orders .panel-heading .buttons .btn {
position: relative;
top: -19px;
float: right;
margin-left: 10px;
}
/* line 179, ../sass/distribution/_index.scss */
/* line 194, ../sass/distribution/_index.scss */
.distribution-index #orders #wrapper-nav-points-sale {
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 {
margin: 0px;
padding: 0px;
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 {
float: left;
margin-right: 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 {
background-color: white;
border: solid 1px #e0e0e0;
@@ -2014,7 +2014,7 @@ termes.
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* line 204, ../sass/distribution/_index.scss */
/* line 219, ../sass/distribution/_index.scss */
.distribution-index #orders #buttons-top-orders {
background-color: #F5F5F5;
padding: 10px 20px;
@@ -2024,15 +2024,15 @@ termes.
border-radius: 5px;
margin-bottom: 20px;
}
/* line 215, ../sass/distribution/_index.scss */
/* line 230, ../sass/distribution/_index.scss */
.distribution-index #orders #buttons-top-orders .right {
float: right;
}
/* line 222, ../sass/distribution/_index.scss */
/* line 237, ../sass/distribution/_index.scss */
.distribution-index #orders table td.tiller {
width: 60px;
}
/* line 225, ../sass/distribution/_index.scss */
/* line 240, ../sass/distribution/_index.scss */
.distribution-index #orders table td.tiller label {
font-size: 12px;
cursor: pointer;
@@ -2040,78 +2040,107 @@ termes.
top: -2px;
font-weight: normal;
}
/* line 234, ../sass/distribution/_index.scss */
/* line 249, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-actions {
position: relative;
text-align: right;
}
/* line 238, ../sass/distribution/_index.scss */
/* line 253, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-actions .dropdown-menu {
top: 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-payment {
text-align: left;
}
/* line 248, ../sass/distribution/_index.scss */
/* line 263, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-actions .add-subscription {
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 {
position: absolute;
top: 4px;
right: 4px;
font-size: 7px;
}
/* line 259, ../sass/distribution/_index.scss */
/* line 275, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-state-payment {
width: 120px;
}
/* line 264, ../sass/distribution/_index.scss */
/* line 280, ../sass/distribution/_index.scss */
.distribution-index #orders table td.column-payment div.btn-group {
width: 125px;
}
/* line 270, ../sass/distribution/_index.scss */
/* line 286, ../sass/distribution/_index.scss */
.distribution-index #orders table tr.view ul {
list-style-type: none;
margin-left: 0px;
padding-left: 15px;
}
/* line 279, ../sass/distribution/_index.scss */
/* line 296, ../sass/distribution/_index.scss */
.distribution-index #orders table tr.view .comment {
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 {
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 {
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 {
font-size: 16px;
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 {
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 {
text-align: center;
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 {
border-right: 0px none;
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 {
padding: 5px;
padding-left: 0px;
@@ -2119,35 +2148,35 @@ termes.
border-left: 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 {
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 {
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 {
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 {
font-size: 18px;
}
/* line 341, ../sass/distribution/_index.scss */
/* line 391, ../sass/distribution/_index.scss */
.distribution-index .modal-form-order .actions-form button {
margin-left: 15px;
}
/* line 349, ../sass/distribution/_index.scss */
/* line 399, ../sass/distribution/_index.scss */
.distribution-index .modal-payment .info-box .info-box-icon {
width: 50px;
}
/* line 351, ../sass/distribution/_index.scss */
/* line 402, ../sass/distribution/_index.scss */
.distribution-index .modal-payment .info-box .info-box-icon i {
font-size: 30px;
}
/* line 355, ../sass/distribution/_index.scss */
/* line 407, ../sass/distribution/_index.scss */
.distribution-index .modal-payment .info-box .info-box-content {
margin-left: 50px;
}
@@ -2406,75 +2435,46 @@ termes.
display: none;
}

/* line 58, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container {
width: 100%;
padding: 0px;
}
/* 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 {
width: 50px;
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 {
width: 100%;
float: none;
}
/* line 105, ../sass/_responsive.scss */
/* line 80, ../sass/_responsive.scss */
.distribution-index #orders #buttons-top-orders .right {
width: 100%;
float: none;
}
/* line 110, ../sass/_responsive.scss */
/* line 85, ../sass/_responsive.scss */
.distribution-index #orders #buttons-top-orders .btn {
padding: 8px 15px;
margin: 10px;
display: block;
width: 100%;
}
/* line 120, ../sass/_responsive.scss */
/* line 95, ../sass/_responsive.scss */
.distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li {
float: none;
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 {
display: block;
}
/* line 132, ../sass/_responsive.scss */
/* line 107, ../sass/_responsive.scss */
.distribution-index #orders table ul.dropdown-menu a {
padding: 15px;
}
/* line 136, ../sass/_responsive.scss */
/* line 111, ../sass/_responsive.scss */
.distribution-index #orders table button {
padding: 15px;
}
/* line 141, ../sass/_responsive.scss */
/* line 116, ../sass/_responsive.scss */
.distribution-index #orders table .column-origin,
.distribution-index #orders table .column-point-sale,
.distribution-index #orders table .column-state-payment,

+ 0
- 2
backend/web/js/vuejs/distribution-index.js Bestand weergeven

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

+ 2
- 27
backend/web/sass/_responsive.scss Bestand weergeven

@@ -56,42 +56,17 @@ termes.

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

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

table.table-products {
td.quantity {
.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 Bestand weergeven

@@ -35,328 +35,379 @@ termes.
*/

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


Schrijf Voorbeeld
Laden…
Annuleren
Opslaan