[Administration] Distributions > formulaire commande : adaptation responsive #615

backend/views/distribution/index.php

@@ -682,8 +682,8 @@ $this->setPageTitle('Distributions') ;
                 <button class="modal-default-button btn btn-danger" @click="$emit('close')">Annuler</button>
 
                 <div class="right">
-                    <button class="modal-default-button btn btn-info" @click="updateProductOrderPrices(true)">Recharger les prix</button>
-                    <button class="modal-default-button btn btn-info" @click="toggleVatMode()">
+                    <button class="modal-default-button btn btn-info btn-update-prices" @click="updateProductOrderPrices(true)">Recharger les prix</button>
+                    <button class="modal-default-button btn btn-info btn-display-prices-without-tax" @click="toggleVatMode()">
                         <template v-if="vatMode == 'all'">Cacher</template>
                         <template v-else>Afficher</template>
                         les prix HT

backend/web/css/screen.css

@@ -2532,45 +2532,51 @@ termes.
     width: 50px;
     height: 52px;
   }
-  /* line 67, ../sass/_responsive.scss */
+  /* line 68, ../sass/_responsive.scss */
   .distribution-index .modal-form-order .modal-container .modal-body table.table-products td.price {
     display: none;
   }
-  /* line 79, ../sass/_responsive.scss */
+  /* line 76, ../sass/_responsive.scss */
+  .distribution-index .modal-form-order .modal-container .modal-footer .actions-form div.right {
+    display: none;
+  }
+  /* line 87, ../sass/_responsive.scss */
   .distribution-index #orders #buttons-top-orders .left {
     width: 100%;
     float: none;
   }
-  /* line 83, ../sass/_responsive.scss */
+  /* line 92, ../sass/_responsive.scss */
   .distribution-index #orders #buttons-top-orders .right {
     width: 100%;
     float: none;
   }
-  /* line 88, ../sass/_responsive.scss */
+  /* line 97, ../sass/_responsive.scss */
   .distribution-index #orders #buttons-top-orders .btn {
     padding: 8px 15px;
     margin: 10px;
     display: block;
     width: 100%;
   }
-  /* line 98, ../sass/_responsive.scss */
+  /* line 107, ../sass/_responsive.scss */
   .distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li {
     float: none;
     width: 100%;
   }
-  /* line 101, ../sass/_responsive.scss */
+  /* line 111, ../sass/_responsive.scss */
   .distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li a {
     display: block;
   }
-  /* line 110, ../sass/_responsive.scss */
+  /* line 120, ../sass/_responsive.scss */
   .distribution-index #orders table ul.dropdown-menu a {
     padding: 15px;
   }
-  /* line 114, ../sass/_responsive.scss */
-  .distribution-index #orders table button.dropdown-toggle {
+  /* line 125, ../sass/_responsive.scss */
+  .distribution-index #orders table button.dropdown-toggle,
+  .distribution-index #orders table button.btn-moins,
+  .distribution-index #orders table button.btn-plus {
     padding: 15px;
   }
-  /* line 119, ../sass/_responsive.scss */
+  /* line 132, ../sass/_responsive.scss */
   .distribution-index #orders table .column-origin,
   .distribution-index #orders table .column-point-sale,
   .distribution-index #orders table .column-state-payment,

backend/web/sass/_responsive.scss

@@ -37,99 +37,111 @@ termes.
 
 @media screen and (max-width: 768px) {
 
-        .main-header {
-                .navbar {
-                        border-top: solid 1px #e0e0e0 ;
-                        border-bottom: solid 1px #e0e0e0 ;
-                }
+  .main-header {
+    .navbar {
+      border-top: solid 1px #e0e0e0;
+      border-bottom: solid 1px #e0e0e0;
+    }
+  }
+
+  .navbar-custom-menu {
+    .producer-menu {
+      span {
+        display: none;
+      }
+    }
+  }
+
+  .distribution-index {
+
+    .modal-form-order {
+      .modal-container {
+        .modal-body {
+          table.table-products {
+            td.quantity {
+              .form-control {
+                width: 50px;
+                height: 52px;
+              }
+            }
+
+            td.price {
+              display: none;
+            }
+          }
         }
 
-        .navbar-custom-menu {
-                .producer-menu {
-                        span {
-                                display: none ;
-                        }
-                }
+        .modal-footer {
+          .actions-form {
+            div.right {
+              display: none;
+            }
+          }
         }
+      }
+    }
 
-        .distribution-index {
-
-                .modal-form-order {
-                        .modal-container {
-                                .modal-body {
-                                        table.table-products {
-                                                td.quantity {
-                                                        .form-control {
-                                                                width: 50px;
-                                                                height: 52px;
-                                                        }
-                                                }
-                                                td.price {
-                                                        display: none ;
-                                                }
-                                        }
-
-                                }
-                        }
-                }
-
-                #orders {
-
-                        #buttons-top-orders {
-                                .left {
-                                        width: 100%;
-                                        float: none;
-                                }
-                                .right {
-                                        width: 100% ;
-                                        float: none ;
-                                }
-
-                                .btn {
-                                        padding: 8px 15px ;
-                                        margin: 10px ;
-                                        display: block ;
-                                        width: 100% ;
-                                }
-                        }
-
-                        #wrapper-nav-points-sale {
-                                ul#nav-points-sale {
-                                        li {
-                                                float: none ;
-                                                width: 100% ;
-                                                a {
-                                                        display: block ;
-                                                }
-                                        }
-                                }
-                        }
-
-                        table {
-                                ul.dropdown-menu {
-                                        a {
-                                                padding: 15px ;
-                                        }
-                                }
-                                button.dropdown-toggle {
-                                        padding: 15px ;
-                                }
-
-                                //.column-checkbox,
-                                .column-origin,
-                                //.column-state,
-                                //.column-user,
-                                .column-point-sale,
-                                //.column-amount,
-                                .column-state-payment,
-                                .column-payment,
-                                .column-tiller,
-                                //.column-actions,
-                                .column-delivery-note {
-                                        display: none ;
-                                }
-
-                        }
-                }
+    #orders {
+
+      #buttons-top-orders {
+        .left {
+          width: 100%;
+          float: none;
+        }
+
+        .right {
+          width: 100%;
+          float: none;
+        }
+
+        .btn {
+          padding: 8px 15px;
+          margin: 10px;
+          display: block;
+          width: 100%;
+        }
+      }
+
+      #wrapper-nav-points-sale {
+        ul#nav-points-sale {
+          li {
+            float: none;
+            width: 100%;
+
+            a {
+              display: block;
+            }
+          }
+        }
+      }
+
+      table {
+        ul.dropdown-menu {
+          a {
+            padding: 15px;
+          }
+        }
+
+        button.dropdown-toggle,
+        button.btn-moins,
+        button.btn-plus {
+          padding: 15px;
+        }
+
+        //.column-checkbox,
+        .column-origin,
+          //.column-state,
+          //.column-user,
+        .column-point-sale,
+          //.column-amount,
+        .column-state-payment,
+        .column-payment,
+        .column-tiller,
+          //.column-actions,
+        .column-delivery-note {
+          display: none;
         }
+      }
+    }
+  }
 }