Parcourir la source

[FIX] Estilo del modal

adrielso il y a 6 ans
Parent
commit
5c1b438420

+ 12 - 0
static/src/css/style.css

@@ -75,6 +75,12 @@
     height: 140px;
     overflow-y: auto;
 }
+.expired-account-modal .payslip-table table thead tr {
+    height: 40px !important;
+}
+.expired-account-modal .payslip-table table tbody tr {
+    height: 35px;
+}
 /*id*/
 .expired-account-modal .payslip-table table tbody tr td:nth-child(1){
     display: none;
@@ -86,18 +92,24 @@
 .expired-account-modal .payslip-table table tbody tr td:nth-child(2){
     width: 640px ;
     padding-left: 20px;
+    font-size: 12pt;
+    padding-top: 8px;
 }
 .expired-account-modal .payslip-table table thead tr th:nth-child(2){
     width: 640px;
+    font-size: 14pt;
 }
 /*Dias*/
 .expired-account-modal .payslip-table table tbody tr td:nth-child(3){
     width: 160px ;
     padding-right: 30px;
     text-align: right;
+    font-size: 12pt;
+    padding-top: 8px;
 }
 .expired-account-modal .payslip-table table thead tr th:nth-child(3){
     width: 160px;
+    font-size: 14pt;
 }
 /*Eliminar*/
 .expired-account-modal .payslip-table table tbody tr td:nth-child(4){

+ 15 - 16
static/src/xml/modal/modal_payslip_add_faults.xml

@@ -14,29 +14,28 @@
                     <!-- Body -->
                     <div class="modal-body">
                         <!-- Adicionar Falta-->
-                        <div>
-                            <div class="row">
-                                <div class="col-xs-8">
-                                    <label class="detallis-employee-label">Motivo de la falta</label>
+                        <div class="row">
+                            <div class="col-xs-12">
+                                <label class="advancement-employee-label">Motivo de la falta</label>
+                                <div class="advancement-employee-input">
+                                    <input class="advancement-input payslip-details"></input>
                                 </div>
-                                <div class="col-xs-2">
-                                    <label class="detallis-employee-label">Días no trabajado</label>
-                                </div>
-                                <div class="col-xs-8 payslip-faults">
-                                    <input class="faults-input payslip-details"></input>
-                                </div>
-                                <div class="col-xs-2 payslip-faults">
-                                    <input class="faults-input payslip-number-days" type="number" value="0"></input>
-                                </div>
-                                <div class="col-xs-2 payslip-faults">
-                                    <button type="button" class="oe_button oe_form_button oe_highlight add-faults">Crear</button>
+                            </div>
+                        </div>
+                        <hr class="advancement-separator-hr"/>
+                        <div class="row">
+                            <div class="col-xs-6">
+                                <label class="advancement-employee-label">Días no trabajado</label>
+                                <div class="advancement-employee-input">
+                                    <input class="advancement-input input-number payslip-number-days" type="number" value="0"></input>
                                 </div>
                             </div>
                         </div>
                     </div>
                     <!-- Pie de Pagina -->
                     <div class="modal-footer payslip-footer">
-                        <button type="button" class="oe_button oe_form_button oe_link dismmis-modal" data-dismiss="modal">Salir</button>
+                        <button type="button" class="oe_button oe_form_button oe_highlight advancement-bottom add-faults">Guardar</button>
+                        <button type="button" class="oe_button oe_form_button oe_link advancement-bottom dismmis-modal" data-dismiss="modal">Salir</button>
                     </div>
                 </div>
             </div>

+ 16 - 18
static/src/xml/modal/modal_payslip_modify_faults.xml

@@ -13,26 +13,24 @@
                     </div>
                     <!-- Body -->
                     <div class="modal-body">
-                        <div>
-                            <div class="row">
-                                <div class="col-xs-8">
-                                    <label class="detallis-employee-label">Motivo de la falta</label>
+                        <div class="row">
+                            <div class="col-xs-12">
+                                <label class="advancement-employee-label">Motivo de la falta</label>
+                                <div class="advancement-employee-input">
+                                    <input class="advancement-input payslip-details-modify"></input>
                                 </div>
-                                <div class="col-xs-2">
-                                    <label class="detallis-employee-label">Días no trabajado</label>
-                                </div>
-                                <div class="col-xs-8 payslip-faults">
-                                    <input class="faults-input payslip-details-modify"></input>
-                                </div>
-                                <div class="col-xs-2 payslip-faults">
-                                    <input class="faults-input payslip-number-days-modify" type="number" value="0"></input>
-                                </div>
-                                <div class="col-xs-2 payslip-faults">
-                                    <button type="button" class="oe_button oe_form_button oe_highlight modify-faults">Modificar</button>
+                            </div>
+                        </div>
+                        <hr class="advancement-separator-hr"/>
+                        <div class="row">
+                            <div class="col-xs-6">
+                                <label class="advancement-employee-label">Días no trabajado</label>
+                                <div class="advancement-employee-input">
+                                    <input class="advancement-input input-number payslip-number-days-modify" type="number" value="0"></input>
                                 </div>
                             </div>
                         </div>
-                        <hr class="detallis-employee-separator"/>
+                        <hr class="advancement-separator-hr"/>
                         <!-- Table -->
                         <div class=" oe_view_manager_body payslip-table">
                             <div class="modal-head-wrapper-payslip">
@@ -59,12 +57,12 @@
                                     </tbody>
                                 </table>
                             </div>
-                            <!-- <div class="fault-dialog"></div> -->
                         </div>
                     </div>
                     <!-- Pie de Pagina -->
                     <div class="modal-footer payslip-footer">
-                        <button type="button" class="oe_button oe_form_button oe_link dismmis-modal" data-dismiss="modal">Salir</button>
+                        <button type="button" class="oe_button oe_form_button oe_highlight advancement-bottom modify-faults">Modificar</button>
+                        <button type="button" class="oe_button oe_form_button oe_link advancement-bottom dismmis-modal" data-dismiss="modal">Salir</button>
                     </div>
                 </div>
             </div>