Marcelo Puebla / wrapper-demo

Download as
Browse Code ยป

Commit f46ed5cecffaf82fb0ed7c9b01ef5d14a9e04fc2

Authored by Eric Fernandez
2 parents d8c08077ce 344968df3e
Exists in master and in 1 other branch develop

Merge branch 'master' into 'develop' 

Master

See merge request !94
Showing 2 changed files   Show diff stats
src/sass/_teclado.scss
Diff comments   View file @ f46ed5c
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: 60%;
10 position: inherit; 10 position: absolute;
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 z-index: 100000;
15 table { 16 table {
17 width: auto;
18 height: auto;
19 margin: 0px auto;
16 border-spacing: 10px; 20 border-spacing: 10px;
17 border-collapse: separate; 21 border-collapse: separate;
18 z-index: 100000;
19 td { 22 td {
20 touch-action: none; 23 touch-action: none;
21 } 24 }
22 } 25 }
23 26
24 .letter { 27 .letter {
25 background-color: #bdbdbd; 28 background-color: #bdbdbd;
26 box-shadow: 2px 2px 3px #555555; 29 box-shadow: 2px 2px 3px #555555;
27 width: 47px; 30 padding: 10px;
28 height: 50px; 31 width: auto;
32 height: auto;
29 text-align: center; 33 text-align: center;
30 font-family: "arial"; 34 font-family: "arial";
31 cursor: pointer; 35 cursor: pointer;
32 color: #000; 36 color: #000;
33 font-size: 22px; 37 font-size: 80%;
34 38
35 &:hover { 39 &:hover {
36 background-color: #fafafa; 40 background-color: #fafafa;
37 } 41 }
38 &:active { 42 &:active {
39 background-color: #999; 43 background-color: #999;
40 color: #fff; 44 color: #fff;
41 } 45 }
42 } 46 }
43 .number { 47 .number {
44 background-color: #bdbdbd; 48 background-color: #bdbdbd;
45 box-shadow: 2px 2px 3px #555555; 49 box-shadow: 2px 2px 3px #555555;
46 width: 47px; 50 padding: 10px;
47 height: 35px; 51 width: auto;
52 height: auto;
48 text-align: center; 53 text-align: center;
49 font-family: "arial"; 54 font-family: "arial";
50 cursor: pointer; 55 cursor: pointer;
51 color: #000; 56 color: #000;
52 font-size: 22px; 57 font-size: 80%;
53 58
54 &:hover { 59 &:hover {
55 background-color: #fafafa; 60 background-color: #fafafa;
56 } 61 }
57 &:active { 62 &:active {
58 background-color: #999; 63 background-color: #999;
59 color: #fff; 64 color: #fff;
60 } 65 }
61 } 66 }
62 67
63 .margin { 68 .margin {
64 width: 40px; 69 width: 5%;
65 height: 50px; 70 height: 5%;
66 } 71 }
67 } 72 }
src/sass/general.scss
Diff comments   View file @ f46ed5c
1 $primary-color: #e09125; 1 $primary-color: #e09125;
2 @import 'admin-seguimiento'; 2 @import 'admin-seguimiento';
3 @import 'bootstrap'; 3 @import 'bootstrap';
4 @import 'botonera'; 4 @import 'botonera';
5 @import 'botonera-lateral'; 5 @import 'botonera-lateral';
6 @import 'botonera-principal'; 6 @import 'botonera-principal';
7 @import 'botonera-secundaria'; 7 @import 'botonera-secundaria';
8 @import 'contenedor'; 8 @import 'contenedor';
9 @import 'lista'; 9 @import 'lista';
10 @import 'login'; 10 @import 'login';
11 @import 'panel-informativo'; 11 @import 'panel-informativo';
12 @import 'tabla'; 12 @import 'tabla';
13 @import 'teclado'; 13 @import 'teclado';
14 @import 'tabla-articulos'; 14 @import 'tabla-articulos';
15 @import 'acciones-mobile'; 15 @import 'acciones-mobile';
16 @import 'swiper'; 16 @import 'swiper';
17 @import 'foca-crear'; 17 @import 'foca-crear';
18 @import 'logistica-pedido-ruta'; 18 @import 'logistica-pedido-ruta';
19 @import 'tabs'; 19 @import 'tabs';
20 @import 'grid'; 20 @import 'grid';
21 @import 'paginador-abm'; 21 @import 'paginador-abm';
22 22
23 23
24 //OCULTA FLECHAS INPUT NUMBER 24 //OCULTA FLECHAS INPUT NUMBER
25 input[type='number'] { 25 input[type='number'] {
26 -moz-appearance:textfield; 26 -moz-appearance:textfield;
27 } 27 }
28 input::-webkit-outer-spin-button, 28 input::-webkit-outer-spin-button,
29 input::-webkit-inner-spin-button { 29 input::-webkit-inner-spin-button {
30 -webkit-appearance: none; 30 -webkit-appearance: none;
31 } 31 }
32 32
33 .d-md-grid{ 33 .d-md-grid{
34 @media (min-width: 768px) { 34 @media (min-width: 768px) {
35 display: grid !important; 35 display: grid !important;
36 } 36 }
37 } 37 }
38 38
39 .btn-outline-debo{ 39 .btn-outline-debo{
40 background-color: transparent; 40 background-color: transparent;
41 color: $primary-color; 41 color: $primary-color;
42 border-color: $primary-color; 42 border-color: $primary-color;
43 &:hover{ 43 &:hover{
44 color: #FFF; 44 color: #FFF;
45 border-color: transparent; 45 border-color: transparent;
46 background-color: $primary-color; 46 background-color: $primary-color;
47 } 47 }
48 } 48 }
49 49
50 .front-index{ 50 .front-index{
51 z-index: 9999; 51 z-index: 9999;
52 } 52 }
53 53
54 .uib-daypicker{ 54 .uib-daypicker{
55 outline: 0 55 outline: 0
56 } 56 }
57 57
58 .right-0{ 58 .right-0{
59 right: 0; 59 right: 0;
60 } 60 }
61 61
62 .tabla-factura{ 62 .tabla-factura{
63 word-wrap: break-word; 63 word-wrap: break-word;
64 table-layout: fixed; 64 table-layout: fixed;
65 } 65 }
66 66
67 .ladda-w-100 .ladda-label{ 67 .ladda-w-100 .ladda-label{
68 width: 100%; 68 width: 100%;
69 float: right; 69 float: right;
70 } 70 }
71 71
72 .btn-delete-image{ 72 .btn-delete-image{
73 height: 25px; 73 height: 25px;
74 width: 25px; 74 width: 25px;
75 top: -10px; 75 top: -10px;
76 right: 0; 76 right: 0;
77 } 77 }
78 78
79 button.clear-input{ 79 button.clear-input{
80 cursor: pointer; 80 cursor: pointer;
81 background: transparent; 81 background: transparent;
82 border: none; 82 border: none;
83 margin-left: -24px; 83 margin-left: -24px;
84 z-index: 9; 84 z-index: 9;
85 color: #a3a3a3;
85 &:focus{ 86 &:focus{
86 outline: none; 87 outline: none;
87 } 88 }
88 } 89 }
89 90