Luigi / wrapper-demo

Download as
Browse Code »

Commit ab7ba47daf818bcb18803a70e8d814899fcb81e7

Authored by Eric Fernandez
2 parents d55c7b77b5 e918b9c82d
Exists in master

Merge branch 'master' into 'master' 

Estilos nuevo diseño

See merge request !20
Showing 10 changed files   Show diff stats
1 <html ng-app="appWrapperDemo"> 1 <html ng-app="appWrapperDemo">
2 <head> 2 <head>
3 <meta charset="UTF-8"/> 3 <meta charset="UTF-8"/>
4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
5 <base href="./"> 5 <base href="./">
6 6
7 <!--CSS--> 7 <!--CSS-->
8 <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/> 8 <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
9 <link href="./node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/> 9 <link href="./node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
10 <link href="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.css" rel="stylesheet"/> 10 <link href="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.css" rel="stylesheet"/>
11 <link href="./node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet"/> 11 <link href="./node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet"/>
12 <link href="./node_modules/leaflet/dist/leaflet.css" rel="stylesheet"/> 12 <link href="./node_modules/leaflet/dist/leaflet.css" rel="stylesheet"/>
13 <link href="./css/general.css" rel="stylesheet"/> 13 <link href="./css/general.css" rel="stylesheet"/>
14 14
15 <!--VENDOR JS--> 15 <!--VENDOR JS-->
16 <script src="./node_modules/jquery/dist/jquery.min.js"></script> 16 <script src="./node_modules/jquery/dist/jquery.min.js"></script>
17 <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> 17 <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
18 <script src="./node_modules/angular/angular.min.js"></script> 18 <script src="./node_modules/angular/angular.min.js"></script>
19 <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script> 19 <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script>
20 <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script> 20 <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script>
21 <script src="./node_modules/angular-route/angular-route.min.js"></script> 21 <script src="./node_modules/angular-route/angular-route.min.js"></script>
22 <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script> 22 <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script>
23 <script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script> 23 <script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
24 <script src="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script> 24 <script src="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script>
25 <script src="./node_modules/ladda/dist/spin.min.js"></script> 25 <script src="./node_modules/ladda/dist/spin.min.js"></script>
26 <script src="./node_modules/ladda/dist/ladda.min.js"></script> 26 <script src="./node_modules/ladda/dist/ladda.min.js"></script>
27 <script src="./node_modules/angular-ladda/dist/angular-ladda.min.js"></script> 27 <script src="./node_modules/angular-ladda/dist/angular-ladda.min.js"></script>
28 <script src="./node_modules/leaflet/dist/leaflet.js"></script> 28 <script src="./node_modules/leaflet/dist/leaflet.js"></script>
29 <script src="./node_modules/ngstorage/ngStorage.min.js"></script> 29 <script src="./node_modules/ngstorage/ngStorage.min.js"></script>
30 <script src="./vendor/cordovaGeolocationModule.min.js"></script> 30 <script src="./vendor/cordovaGeolocationModule.min.js"></script>
31 31
32 <script src="./node_modules/foca-abm-chofer/dist/foca-abm-chofer.min.js"></script> 32 <script src="./node_modules/foca-abm-chofer/dist/foca-abm-chofer.min.js"></script>
33 <script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script> 33 <script src="./node_modules/foca-abm-plazo-pago/dist/foca-abm-plazo-pago.min.js"></script>
34 <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script> 34 <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script>
35 <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script> 35 <script src="./node_modules/foca-abm-sectores/dist/foca-abm-sectores.min.js"></script>
36 <script src="./node_modules/foca-admin-seguimiento/dist/foca-admin-seguimiento.min.js"></script> 36 <script src="./node_modules/foca-admin-seguimiento/dist/foca-admin-seguimiento.min.js"></script>
37 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script> 37 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script>
38 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script> 38 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>
39 <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script> 39 <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script>
40 <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script> 40 <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script>
41 <script src="./node_modules/foca-crear-hoja-ruta/dist/foca-crear-hoja-ruta.min.js"></script> 41 <script src="./node_modules/foca-crear-hoja-ruta/dist/foca-crear-hoja-ruta.min.js"></script>
42 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> 42 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script>
43 <script src="./node_modules/foca-crear-remito/dist/foca-crear-remito.min.js"></script> 43 <script src="./node_modules/foca-crear-remito/dist/foca-crear-remito.min.js"></script>
44 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script> 44 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
45 <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script> 45 <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script>
46 <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script> 46 <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script>
47 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script> 47 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script>
48 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script> 48 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script>
49 <script src="./node_modules/foca-modal-banco/dist/foca-modal-banco.min.js"></script> 49 <script src="./node_modules/foca-modal-banco/dist/foca-modal-banco.min.js"></script>
50 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script> 50 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script>
51 <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script> 51 <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script>
52 <script src="./node_modules/foca-modal-chofer/dist/foca-modal-chofer.min.js"></script> 52 <script src="./node_modules/foca-modal-chofer/dist/foca-modal-chofer.min.js"></script>
53 <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script> 53 <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script>
54 <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script> 54 <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script>
55 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script> 55 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script>
56 <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script> 56 <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script>
57 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script> 57 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script>
58 <script src="./node_modules/foca-modal-localidad/dist/foca-modal-localidad.min.js"></script> 58 <script src="./node_modules/foca-modal-localidad/dist/foca-modal-localidad.min.js"></script>
59 <script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script> 59 <script src="./node_modules/foca-modal-moneda/dist/foca-modal-moneda.min.js"></script>
60 <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script> 60 <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script>
61 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> 61 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script>
62 <script src="./node_modules/foca-modal-proveedor/dist/foca-modal-proveedor.min.js"></script> 62 <script src="./node_modules/foca-modal-proveedor/dist/foca-modal-proveedor.min.js"></script>
63 <script src="./node_modules/foca-modal-provincia/dist/foca-modal-provincia.min.js"></script> 63 <script src="./node_modules/foca-modal-provincia/dist/foca-modal-provincia.min.js"></script>
64 <script src="./node_modules/foca-modal-remito/dist/foca-modal-remito.min.js"></script> 64 <script src="./node_modules/foca-modal-remito/dist/foca-modal-remito.min.js"></script>
65 <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script> 65 <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script>
66 <script src="./node_modules/foca-modal-transportista/dist/foca-modal-transportista.min.js"></script> 66 <script src="./node_modules/foca-modal-transportista/dist/foca-modal-transportista.min.js"></script>
67 <script src="./node_modules/foca-modal-vehiculo/dist/foca-modal-vehiculo.min.js"></script> 67 <script src="./node_modules/foca-modal-vehiculo/dist/foca-modal-vehiculo.min.js"></script>
68 <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script> 68 <script src="./node_modules/foca-modal-vendedores/dist/foca-modal-vendedores.min.js"></script>
69 <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script> 69 <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script>
70 <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script> 70 <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script>
71 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script> 71 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script>
72 <script src="./node_modules/foca-abm-vehiculo/dist/foca-abm-vehiculo.min.js"></script> 72 <script src="./node_modules/foca-abm-vehiculo/dist/foca-abm-vehiculo.min.js"></script>
73 <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script> 73 <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script>
74 <script src="./node_modules/foca-modal-cobrador/dist/foca-modal-cobradores.min.js"></script> 74 <script src="./node_modules/foca-modal-cobrador/dist/foca-modal-cobradores.min.js"></script>
75 <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script> 75 <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script>
76 76
77 <script src="./src/js/app.js"></script> 77 <script src="./src/js/app.js"></script>
78 <script src="./src/js/controller.js"></script> 78 <script src="./src/js/controller.js"></script>
79 <script src="./src/etc/develop.js"></script> 79 <script src="./src/etc/develop.js"></script>
80 </head> 80 </head>
81 <body> 81 <body>
82 <style> 82 <style>
83 </style> 83 </style>
84 <foca-nombre-empresa></foca-nombre-empresa> 84 <foca-nombre-empresa></foca-nombre-empresa>
85 <div ng-view class="container contenedor"></div> 85 <div ng-view class="container contenedor"></div>
86 <div ng-controller="appWrapperDemoController" class="container d-none d-md-block"> 86 <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block ">
87 <div 87 <div
88 class="btn-group-toggle" 88 class="btn-group-toggle"
89 data-toggle="buttons" 89 data-toggle="buttons"
90 ng-click="cambioUsoTeclado()"> 90 ng-click="cambioUsoTeclado()">
91 <label 91 <label
92 class="btn btn-secondary active boton-activar-teclado" 92 class="btn btn-secondary active boton-activar-teclado"
93 ng-class="{'teclado-activar': usarTeclado}"> 93 ng-class="{'teclado-activar': usarTeclado}">
94 <input 94 <input
95 type="checkbox" 95 type="checkbox"
96 autocomplete="off" 96 autocomplete="off"
97 > 97 >
98 <i class="fa fa-keyboard-o fa-3x" aria-hidden="true"></i> 98 <i class="fa fa-keyboard-o fa-3x" aria-hidden="true"></i>
99 </label> 99 </label>
100 </div> 100 </div>
101 <foca-teclado 101 <foca-teclado
102 ng-show="usarTeclado && mostrarTeclado" 102 ng-show="usarTeclado && mostrarTeclado"
103 alfanumeric="true" 103 alfanumeric="true"
104 numeric="true" 104 numeric="true"
105 > 105 >
106 </foca-teclado> 106 </foca-teclado>
107 </div> 107 </div>
108 </body> 108 </body>
109 </html> 109 </html>
110 110
src/sass/_botonera-lateral.scss
Diff comments   View file @ ab7ba47
1 .botonera-lateral { 1 .botonera-lateral {
2 >.row { 2 >.row {
3 height: 420px; 3 height: 420px;
4 } 4 }
5
6 @media (min-width: 768px){
7 display: grid !important;
8 }
5 } 9 }
6 10
src/sass/_botonera-secundaria.scss
Diff comments   View file @ ab7ba47
1 .botonera-secundaria { 1 .botonera-secundaria {
2 background-color: rgba(0, 0, 0, 0.8);
3 .row { 2 .row {
4 border-radius: 5px; 3 border-radius: 5px;
5 overflow: hidden; 4 overflow: hidden;
6 } 5 }
7 .btn { 6 .btn {
8 border-radius: 0; 7 display: grid;
8 border-width: 3px !important;
9 border-radius: .7rem !important;
9 margin-right: 1px; 10 margin-right: 1px;
10 width: calc(100% - 1px); 11 width: calc(100% - 1px);
11 margin-bottom: 1px; 12 margin-bottom: 1px;
13
14 &:hover{
15 background-color: #d8b07d;
16 border-color: #e09125 !important;
17 }
18 img{
19 width: 50%;
20 margin: auto
21 }
22 span{
23 font-size: 11px;
24 margin-left: -.25rem;
25 margin-right: -.25rem;
26 }
12 } 27 }
13 } 28 }
src/sass/_contenedor.scss
Diff comments   View file @ ab7ba47
1 body { 1 body {
2 @media (min-width: 768px) { 2 @media (min-width: 768px) {
3 background-color: #cccccc; 3 background-color: #cccccc;
4 } 4 }
5 @media (max-width: 768px) { 5 @media (max-width: 768px) {
6 background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3); 6 background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3);
7 } 7 }
8 } 8 }
9 9
10 .contenedor { 10 .contenedor {
11 @media (min-width: 768px) { 11 @media (min-width: 768px) {
12 background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3); 12 background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3);
13 min-height: 600px; 13 min-height: 600px;
14 min-width: 800px; 14 min-width: 800px;
15 } 15 }
16 16
17 } 17 }
18 18
19 .grilla-articulo { 19 .grilla-articulo {
20 background-color: rgba(0, 0, 0, 0.8);
21 @media (min-width: 768px) { 20 @media (min-width: 768px) {
22 height: 430px; 21 height: 300px;
23 } 22 }
24 } 23 }
25 24
src/sass/_crear-nota-pedido.scss
Diff comments   View file @ ab7ba47
1 .crear-nota-pedido { 1 .crear-nota-pedido {
2 background-color: #ccc;
3
4 padding-bottom: 2rem;
2 &-fecha { 5 &-fecha {
3 input[type="date"]::-webkit-clear-button { 6 input[type="date"]::-webkit-clear-button {
4 display: none; 7 display: none;
5 } 8 }
6 } 9 }
10
11 .titulares>div{
12 display: flex;
13 line-height: 30px;
14 h5{
15 line-height: 30px;
16 }
17 button{
18 margin: auto;
19 }
20 }
7 } 21 }
8 22
src/sass/_panel-informativo.scss
Diff comments   View file @ ab7ba47
1 .panel-informativo { 1 .panel-informativo {
2 background: linear-gradient(#ccc, #eee); 2 background: #67615e;
3 color: #FFF;
3 min-height: 32px; 4 min-height: 32px;
4 .form-group { 5 .form-group {
5 margin-bottom: 5px; 6 margin-bottom: 5px;
6 } 7 }
7 .form-control-xs { 8 .form-control-xs {
8 height: calc(1.6rem); 9 height: calc(1.6rem);
9 padding: .25rem .5rem; 10 padding: .25rem .5rem;
10 font-size: .8rem; 11 font-size: .8rem;
11 line-height: 1.3; 12 line-height: 1.3;
12 border-radius: .2rem; 13 border-radius: .2rem;
13 } 14 }
14 .label { 15 .label {
15 font-size: .8em; 16 font-size: .8em;
16 } 17 }
17 .valor { 18 .valor {
18 font-size: .8em; 19 font-size: .8em;
19 } 20 }
20 21
22 .border{
23 border-width: 4px 2px !important;
24 }
25
21 .nota-pedido { 26 .nota-pedido {
22 @media (max-width: 576px) { 27 @media (max-width: 576px) {
23 text-align: center; 28 text-align: center;
24 } 29 }
25 } 30 }
26 31
27 .numero-pedido {
28 @media (min-width: 576px) {
src/sass/_tabla-articulos.scss
Diff comments   View file @ ab7ba47
1 .tabla-articulo { 1 .tabla-articulo {
2 max-height: 420px; 2 max-height: 420px;
3 background-color: #67615e;
4 color: #FFF;
3 5
4 tr { 6 tr {
5 display: inline-table; 7 display: inline-table;
6 table-layout: fixed; 8 table-layout: fixed;
7 } 9 }
8 10
9 tbody { 11 tbody {
10 overflow-y: auto; 12 overflow-y: auto;
11 max-height: 280px; 13 max-height: 280px;
12 display: block; 14 display: block;
13 } 15 }
14 16
17 thead > tr > th {
18 line-height: 30px
19 }
15 } 20 }
16 21
src/sass/_tabla.scss
Diff comments   View file @ ab7ba47
1 .table { 1 .table {
2 &-nonfluid { 2 &-nonfluid {
3 width: auto; 3 width: auto;
4 } 4 }
5 &-celda-total { 5 &-celda-total {
6 color: #000000; 6 color: #000000;
7 background-color: #FF9900; 7 background-color: #FF9900;
8 } 8 }
9 } 9
10 thead th{
11 font-size: 13px;
12 }
13
14 }
src/sass/_teclado.scss
Diff comments   View file @ ab7ba47
1 .keyboard { 1 .keyboard {
2 -webkit-touch-callout: none; 2 -webkit-touch-callout: none;
3 -webkit-user-select: none; 3 -webkit-user-select: none;
4 -khtml-user-select: none; 4 -khtml-user-select: none;
5 -moz-user-select: none; 5 -moz-user-select: none;
6 -ms-user-select: none; 6 -ms-user-select: none;
7 user-select: none; 7 user-select: none;
8 margin: auto; 8 margin: auto;
9 width: 855px; 9 width: 855px;
10 position: inherit; 10 position: inherit;
11 height: auto; 11 height: auto;
12 border: 1px solid rgba(255, 128, 0, .4); 12 border: 1px solid rgba(255, 128, 0, .4);
13 background-color: rgba(0, 0, 0, .3); 13 background-color: rgba(0, 0, 0, .3);
14 bottom: 5px; 14 bottom: 5px;
15 table { 15 table {
16 border-spacing: 10px; 16 border-spacing: 10px;
17 border-collapse: separate; 17 border-collapse: separate;
18 z-index: 100000; 18 z-index: 100000;
19 td { 19 td {
20 touch-action: none; 20 touch-action: none;
21 } 21 }
22 } 22 }
23 23
24 .letter { 24 .letter {
25 background-color: #bdbdbd; 25 background-color: #bdbdbd;
26 box-shadow: 2px 2px 3px #555555; 26 box-shadow: 2px 2px 3px #555555;
27 width: 47px; 27 width: 47px;
28 height: 50px; 28 height: 50px;
29 text-align: center; 29 text-align: center;
30 font-family: "arial"; 30 font-family: "arial";
31 cursor: pointer; 31 cursor: pointer;
32 color: #000; 32 color: #000;
33 font-size: 22px; 33 font-size: 22px;
34 34
35 &:hover { 35 &:hover {
36 background-color: #fafafa; 36 background-color: #fafafa;
37 } 37 }
38 &:active { 38 &:active {
39 background-color: #999; 39 background-color: #999;
40 color: #fff; 40 color: #fff;
41 } 41 }
42 } 42 }
43 .number { 43 .number {
44 background-color: #bdbdbd; 44 background-color: #bdbdbd;
45 box-shadow: 2px 2px 3px #555555; 45 box-shadow: 2px 2px 3px #555555;
46 width: 47px; 46 width: 47px;
47 height: 35px; 47 height: 35px;
48 text-align: center; 48 text-align: center;
49 font-family: "arial"; 49 font-family: "arial";
50 cursor: pointer; 50 cursor: pointer;
51 color: #000; 51 color: #000;
52 font-size: 22px; 52 font-size: 22px;
53 53
54 &:hover { 54 &:hover {
55 background-color: #fafafa; 55 background-color: #fafafa;
56 } 56 }
57 &:active { 57 &:active {
58 background-color: #999; 58 background-color: #999;
59 color: #fff; 59 color: #fff;
60 } 60 }
61 } 61 }
62 62
63 .margin { 63 .margin {
64 width: 40px; 64 width: 40px;
65 height: 50px; 65 height: 50px;
66 } 66 }
67 } 67 }
68 .teclado-container > div{
69 position: relative;
70 }
68 .teclado-activar { 71 .teclado-activar {
69 background-color: #17d236; 72 background-color: #17d236;
70 } 73 }
71 .boton-activar-teclado { 74 .boton-activar-teclado {
72 margin-top: -10%; 75 top: -500px;
73 position: absolute; 76 position: absolute;
74 z-index: 100000; 77 z-index: 100000;
78 right: 1.5rem;
79
80 @media(min-width: 1200px){
81 right: 2.5rem !important;
82 }
75 } 83 }
76 84
src/sass/general.scss
Diff comments   View file @ ab7ba47
1 @import 'admin-seguimiento'; 1 @import 'admin-seguimiento';
2 @import 'bootstrap'; 2 @import 'bootstrap';
3 @import 'botonera'; 3 @import 'botonera';
4 @import 'botonera-lateral'; 4 @import 'botonera-lateral';
5 @import 'botonera-principal'; 5 @import 'botonera-principal';
6 @import 'botonera-secundaria'; 6 @import 'botonera-secundaria';
7 @import 'contenedor'; 7 @import 'contenedor';
8 @import 'lista'; 8 @import 'lista';
9 @import 'login'; 9 @import 'login';
10 @import 'panel-informativo'; 10 @import 'panel-informativo';
11 @import 'tabla'; 11 @import 'tabla';
12 @import 'teclado'; 12 @import 'teclado';
13 @import 'tabla-articulos'; 13 @import 'tabla-articulos';
14 @import 'acciones-mobile'; 14 @import 'acciones-mobile';
15 @import 'swiper'; 15 @import 'swiper';
16 @import 'crear-nota-pedido'; 16 @import 'crear-nota-pedido';
17 17
18 18
19 //OCULTA FLECHAS INPUT NUMBER 19 //OCULTA FLECHAS INPUT NUMBER
20 input[type='number'] { 20 input[type='number'] {
21 -moz-appearance:textfield; 21 -moz-appearance:textfield;
22 } 22 }
23 input::-webkit-outer-spin-button, 23 input::-webkit-outer-spin-button,
24 input::-webkit-inner-spin-button { 24 input::-webkit-inner-spin-button {
25 -webkit-appearance: none; 25 -webkit-appearance: none;
26 } 26 }
27
28 .d-md-grid{
29 @media (min-width: 768px) {
30 display: grid !important;
31 }
32 }