Amélioration affichage du tableau des produits sur la page production

Donner plus de place à la colonne des produits.

backend/views/commande/index.php

@@ -82,19 +82,19 @@ foreach ($produits as $p) {
                             <table class="table table-hover table-condensed">
                                 <thead>
                                     <tr>
-                                        <th>Produit</th>
-                                        <th>Actif</th>
-                                        <th>Max.</th>
+                                        <th class="td-produit">Produit</th>
+                                        <th class="td-actif">Actif</th>
+                                        <th class="td-max">Max.</th>
                                     </tr>
                                 </thead>
                                 <tbody>
                                     <?php foreach ($produits as $p): ?>
                                         <tr<?php if ($p->vrac): ?> style="display:none;"<?php endif; ?>>
-                                            <td><label for="produit-<?php echo $p->id; ?>"><?php if (strlen($p->description)): echo Html::encode($p->description);
+                                            <td class="td-produit"><label for="produit-<?php echo $p->id; ?>"><?php if (strlen($p->description)): echo Html::encode($p->description);
                                             else: echo Html::encode($p->nom);
                                             endif; ?></label></td>
-                                            <td><input id="produit-<?php echo $p->id; ?>" name="Produit[<?php echo $p->id; ?>][actif]" type="checkbox" <?php if (isset($produits_selec[$p->id]['actif']) && $produits_selec[$p->id]['actif']): ?>checked="checked"<?php endif; ?> /></td>
-                                            <td><input class="quantite-max" name="Produit[<?php echo $p->id; ?>][quantite_max]" type="text" value="<?php if (isset($produits_selec[$p->id])) echo $produits_selec[$p->id]['quantite_max']; ?>" /></td>
+                                            <td class="td-actif"><input id="produit-<?php echo $p->id; ?>" name="Produit[<?php echo $p->id; ?>][actif]" type="checkbox" <?php if (isset($produits_selec[$p->id]['actif']) && $produits_selec[$p->id]['actif']): ?>checked="checked"<?php endif; ?> /></td>
+                                            <td class="td-max"><input class="quantite-max" name="Produit[<?php echo $p->id; ?>][quantite_max]" type="text" value="<?php if (isset($produits_selec[$p->id])) echo $produits_selec[$p->id]['quantite_max']; ?>" /></td>
                                         </tr>
                                     <?php endforeach; ?>
                                 </tbody>

backend/web/css/screen.css

@@ -181,40 +181,49 @@ a:hover, a:focus, a:active {
   height: 200px;
   overflow-y: auto;
 }
-/* line 193, ../sass/screen.scss */
-#page-commande #produits-production .overflow thead {
-  /* fallback */
-}
-/* line 197, ../sass/screen.scss */
+/* line 196, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead th {
   width: 32%;
   float: left;
 }
-/* line 202, ../sass/screen.scss */
+/* line 201, ../sass/screen.scss */
 #page-commande #produits-production .overflow tbody td {
   width: 33%;
   float: left;
 }
-/* line 208, ../sass/screen.scss */
+/* line 206, ../sass/screen.scss */
+#page-commande #produits-production .overflow .td-produit {
+  width: 60%;
+}
+/* line 209, ../sass/screen.scss */
+#page-commande #produits-production .overflow .td-actif, #page-commande #produits-production .overflow .td-max {
+  width: 20%;
+  text-align: center;
+}
+/* line 215, ../sass/screen.scss */
+#page-commande #produits-production .overflow thead .td-produit {
+  width: 57%;
+}
+/* line 221, ../sass/screen.scss */
 #page-commande #produits-production input.quantite-max {
   background-color: white;
   border: 1px solid #e0e0e0;
   text-align: center;
   width: 50px;
 }
-/* line 216, ../sass/screen.scss */
+/* line 229, ../sass/screen.scss */
 #page-commande #produits-production td label {
   font-weight: normal;
 }
-/* line 222, ../sass/screen.scss */
+/* line 235, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente {
   margin-top: 20px;
 }
-/* line 226, ../sass/screen.scss */
+/* line 239, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente table {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 230, ../sass/screen.scss */
+/* line 243, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .title-point-vente {
   background-color: #fff8e2;
   border-left: solid 3px #BB8757;
@@ -222,76 +231,76 @@ a:hover, a:focus, a:active {
   text-align: left;
   padding: 10px;
 }
-/* line 238, ../sass/screen.scss */
+/* line 251, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .title-totaux {
   text-align: center;
 }
-/* line 242, ../sass/screen.scss */
+/* line 255, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .border-left {
   border-left: solid 1px #e0e0e0;
 }
-/* line 246, ../sass/screen.scss */
+/* line 259, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .border-right {
   border-right: solid 1px #e0e0e0;
 }
-/* line 250, ../sass/screen.scss */
+/* line 263, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente input.quantite {
   width: 30px;
   background-color: white;
   border: solid 1px #e0e0e0;
   text-align: center;
 }
-/* line 258, ../sass/screen.scss */
+/* line 271, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .td-produit {
   text-align: center;
 }
-/* line 262, ../sass/screen.scss */
+/* line 275, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .submit-pv {
   float: right;
 }
-/* line 266, ../sass/screen.scss */
+/* line 279, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .select-user {
   background-color: #F9F9F9;
   border: solid 1px #e0e0e0;
 }
-/* line 271, ../sass/screen.scss */
+/* line 284, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .date-commande {
   font-size: 12px;
 }
-/* line 275, ../sass/screen.scss */
+/* line 288, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .datepicker, #page-commande .form-commandes-point-vente .text {
   background-color: white;
   border: solid 1px #e0e0e0;
   margin-top: 3px;
   width: 100px;
 }
-/* line 283, ../sass/screen.scss */
+/* line 296, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.center {
   text-align: center;
 }
-/* line 289, ../sass/screen.scss */
+/* line 302, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .depasse {
   color: #b32815;
 }
-/* line 293, ../sass/screen.scss */
+/* line 306, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .total strong span {
   font-weight: normal;
   font-size: 13px;
 }
-/* line 298, ../sass/screen.scss */
+/* line 311, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .vrac {
   display: none;
 }
-/* line 302, ../sass/screen.scss */
+/* line 315, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.client {
   text-align: left;
   padding: 3px;
 }
-/* line 305, ../sass/screen.scss */
+/* line 318, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.client .date-commande {
   color: gray;
 }
-/* line 316, ../sass/screen.scss */
+/* line 329, ../sass/screen.scss */
 #page-commande .table-header-rotated td {
   width: 20px;
   padding: 0px;
@@ -301,7 +310,7 @@ a:hover, a:focus, a:active {
   vertical-align: middle;
   text-align: center;
 }
-/* line 326, ../sass/screen.scss */
+/* line 339, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 {
   height: 80px;
   width: 20px;
@@ -313,7 +322,7 @@ a:hover, a:focus, a:active {
   font-size: 12px;
   line-height: 0.8;
 }
-/* line 338, ../sass/screen.scss */
+/* line 351, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 > div {
   position: relative;
   top: 0px;
@@ -330,7 +339,7 @@ a:hover, a:focus, a:active {
   border-right: 1px solid #dddddd;
   border-top: 1px solid #dddddd;
 }
-/* line 354, ../sass/screen.scss */
+/* line 367, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 span {
   -ms-transform: skew(45deg, 0deg) rotate(315deg);
   -moz-transform: skew(45deg, 0deg) rotate(315deg);
@@ -353,25 +362,25 @@ a:hover, a:focus, a:active {
   /*whether to display in one line or not*/
 }
 
-/* line 379, ../sass/screen.scss */
+/* line 392, ../sass/screen.scss */
 #email-masse-form #ids-users {
   line-height: 30px;
 }
-/* line 381, ../sass/screen.scss */
+/* line 394, ../sass/screen.scss */
 #email-masse-form #ids-users .label {
   text-transform: capitalize;
 }
 
-/* line 389, ../sass/screen.scss */
+/* line 402, ../sass/screen.scss */
 .produit-create #jours-production .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 393, ../sass/screen.scss */
+/* line 406, ../sass/screen.scss */
 .produit-create #jours-production .form-group label {
   font-weight: normal;
 }
-/* line 398, ../sass/screen.scss */
+/* line 411, ../sass/screen.scss */
 .produit-create .field-produit-id_etablissement {
   display: none;
 }

backend/web/sass/screen.scss

@@ -191,7 +191,6 @@ a {
                 }
 
                 thead {
-                    /* fallback */
                 }
 
                 thead th {
@@ -203,6 +202,20 @@ a {
                     width: 33%;
                     float: left;
                 }
+                
+                .td-produit {
+                    width: 60% ;
+                }
+                .td-actif, .td-max {
+                    width: 20% ;
+                    text-align: center ;
+                }
+                
+                thead {
+                    .td-produit {
+                        width: 57% ;
+                    }
+                }
             }
             
             input.quantite-max {