Mauricio Cattafi / wrapper-facturador

Commit 58e0355c8057576aeed29a23753391573929afca

Authored by Marcelo Puebla 2019-10-15 13:09:16 -0300

Exists in fix_configuracion and in 1 other branch

Merge branch 'master' into 'develop'

Master(mpuebla)

See merge request !11

Showing 2 changed files Show diff stats

src/sass/_botonera-lateral.scss

Diff comments View file @ 58e0355

1	.botonera-lateral {	1	.botonera-lateral {
2	pointer-events: none;	2	pointer-events: none;
3	position: absolute;	3	position: absolute;
4	left: 0;	4	left: 0;
5	right: 0;	5	right: 0;
6	top: 402px;	6	top: 402px;
7	&.teclado{	7	&.teclado {
8	top: 449px;	8	top: 449px;
9	z-index: 100000;	9	z-index: 100000;
10	}	10	}
11	.row{	11	.row {
12	margin: 0 !important;	12	margin: 0 !important;
13	pointer-events: none;	13	pointer-events: none;
14	}	14	}
15		15
16	.container{	16	.container {
17	@media (min-width: 768px){	17	@media (min-width: 768px) {
18	display: grid !important;	18	display: grid !important;
19	}	19	}
20	}	20	}
21		21
22	button{	22	button {
23	pointer-events: all;	23	pointer-events: all;
24	background-color: #DDD;	24	background-color: #ddd;
25	}	25	}
26		26
27	.teclado-activar {	27	.teclado-activar {
28	background-color: #17d236 !important;	28	background-color: #17d236 !important;
29	color: #FFF !important;	29	color: #fff !important;
30	}	30	}
31	div[ladda]{	31	div[ladda] {
32	background-color: #DDD;	32	background-color: #ddd;
33	}	33	}
34		34
35	button, .btn-group-toggle{	35	button,
36	background-color: #DDD;	36	.btn-group-toggle {
		37	background-color: #ddd;
37	color: #000;	38	color: #000;
38	text-transform: uppercase;	39	text-transform: uppercase;
39	min-width: 109px;	40	min-width: 109px;
40	&:hover{	41	&:hover {
41	color: #FFF;	42	color: #fff;
42	.boton-activar-teclado{	43	.boton-activar-teclado {
43	color: #FFF;	44	color: #fff;
44	}	45	}
45	background-color: #000;	46	background-color: #000;
46	}	47	}
47	}	48	}
48		49
49		50	.btn-group-toggle {
50	.btn-group-toggle{
51	pointer-events: all;	51	pointer-events: all;
52	&.active{	52	&.active {
53	background-color: $primary;	53	background-color: $primary;
54	.boton-activar-teclado{	54	.boton-activar-teclado {
55	color: #FFF;	55	color: #fff;
56	}	56	}
57	}	57	}
58		58
59	.boton-activar-teclado{	59	.boton-activar-teclado {
60	cursor: pointer;	60	cursor: pointer;
61	color: #000;	61	color: #000;
62	background-color: transparent;	62	background-color: transparent;
63	}	63	}
64		64
65	input{	65	input {
66	display: none;	66	display: none;
67	}	67	}
68	}	68	}
69		69
70	.guardado{	70	.guardado {
71	animation:guardado 4s 1;	71	animation: guardado 4s 1;
72	-webkit-animation:guardado 4s 1; /* Safari and Chrome */	72	-webkit-animation: guardado 4s 1; /* Safari and Chrome */
73	}	73	}
74		74
75	@keyframes guardado	75	@keyframes guardado {
76	{	76	0% {
77	0% {background:#DDD; color: #000;}	77	background: #ddd;
78	25% {background:#28a745; color: #FFF;}	78	color: #000;
79	75% {background:#28a745; color: #FFF;}	79	}
80	100% {background:#DDD; color: #000;}	80	25% {
		81	background: #28a745;
		82	color: #fff;
		83	}
		84	75% {
		85	background: #28a745;
		86	color: #fff;
		87	}
		88	100% {
		89	background: #ddd;
		90	color: #000;
		91	}
81	}	92	}
82		93
83	@-webkit-keyframes guardado /* Safari and Chrome */	94	@-webkit-keyframes guardado /* Safari and Chrome */ {
84	{	95	0% {
85	0% {background:#DDD; color: #000;}	96	background: #ddd;
86	25% {background:#28a745; color: #FFF;}	97	color: #000;
87	75% {background:#28a745; color: #FFF;}	98	}
88	100% {background:#DDD; color: #000;}	99	25% {
		100	background: #28a745;
		101	color: #fff;
		102	}
		103	75% {
		104	background: #28a745;
		105	color: #fff;
		106	}
		107	100% {
		108	background: #ddd;
		109	color: #000;
		110	}
89	}	111	}
90	}	112	}

src/sass/general.scss

Diff comments View file @ 58e0355

 @import "constants";
 @import "admin-seguimiento";
 @import "bootstrap";
 @import "botonera";
 @import "botonera-lateral";
 @import "botonera-principal";
 @import "botonera-secundaria";
 @import "contenedor";
 @import "lista";
 @import "login";
 @import "panel-informativo";
 @import "tabla";
 @import "teclado";
 @import "tabla-articulos";
 @import "acciones-mobile";
 @import "swiper";
 @import "foca-crear";
 @import "logistica-pedido-ruta";
 @import "tabs";
 @import "grid";
 @import "paginador-abm";
 @import "table-autorizar-nota-pedido";
 //OCULTA FLECHAS INPUT NUMBER
 input[type="number"] {
     -moz-appearance: textfield;
 }
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
 }
 .d-md-grid {
     @media (min-width: 768px) {
         display: grid !important;
     }
 }
 .btn-dashed {
     border-style: dashed !important;
     border-width: 3px;
     border-color: white;
     background-color: #dedfe0;
 }
 .marcador {
     position: absolute;
     right: 44.5%;
     bottom: -32%;
 }
 .informacion {
     position: absolute;
     right: 18px;
     bottom: 5px;
 }
 .flashit {
     -webkit-animation: flash linear 1s infinite;
     animation: flash linear 1s infinite;
 }
 @-webkit-keyframes flash {
     0% {
         opacity: 1;
     }
     50% {
         opacity: 0.6;
     }
     100% {
         opacity: 1;
     }
 }
 @keyframes flash {
     0% {
         opacity: 1;
     }
     50% {
         opacity: 0.6;
     }
     100% {
         opacity: 1;
     }
 }
 .btn-outline-debo {
     background-color: transparent;
     color: $primary;
     border-color: $primary;
     &:hover {
         color: #fff;
         border-color: transparent;
         background-color: $primary;
     }
     &:focus {
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
     &:active {
         color: #fff;
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
 .input-group-append > button {
     &:focus {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
     &:active {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
 }
 .line-break {
     white-space: pre-wrap;
 }
 .input-group-append > button {
     &:focus {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
     &:active {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
 }
 .btn-login {
     box-shadow: none !important;
 }
 input[type="file"] {
     display: none;
 }
 .custom-file-upload {
     border: 1px solid #ccc;
     display: inline-block;
     padding: 6px 12px;
     cursor: pointer;
 }
 .btn-brown {
     background-color: $primary;
     -webkit-appearance: none;
     border-color: transparent;
     &:focus {
         outline: 0 !important;
         box-shadow: none;
     }
     .icon-white {
         color: white;
     }
 }
 .btn-Guardar {
     background-color: green;
     -webkit-appearance: none;
     border-color: transparent;
     &:focus {
         outline: 0 !important;
         box-shadow: none;
     }
     .icon-white {
         color: white;
     }
 }
 .page-item.active .page-link {
     z-index: 1;
     color: #fff;
     background-color: $primary;
     border-color: $primary;
 }
 .foca-input {
     &:focus {
         border-color: $primary;
         box-shadow: 0 0 5px $primary;
     }
     &:hover {
         border-color: $primary;
         box-shadow: 0 0 5px $primary;
     }
 }
 .btn-enviar {
     background-color: white;
     border-color: #2872AD;
     &:focus {
         box-shadow: none !important;
     }
     &:hover {
         border-color: $primaryTransparency !important;
         background-color: $primaryTransparency !important;
     }
     &:active {
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
 .btn-primary {
     background-color: $primary !important;
     border-color: $primary !important;
     &:focus {
         box-shadow: none !important;
     }
     &:hover {
         border-color: $primaryTransparency !important;
         background-color: $primaryTransparency !important;
     }
     &:active {
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
 .input-group-text {
     &:focus {
         outline: none;
         border-color: $primary;
         box-shadow: 0 0 5px $primary;
     }
     &:hover {
         border-color: $primary;
         box-shadow: 0 0 5px $primary;
     }
     &:active {
         box-shadow: 0 0 5px $primary;
     }
 }
 .btn-default {
     color: #fff;
     background-color: $default !important;
     border-color: $default !important;
     &:focus {
         box-shadow: none !important;
     }
     &:hover {
         color: #fff;
         border-color: $defaultTransparency !important;
         background-color: $defaultTransparency !important;
     }
     &:active {
         background-color: $default !important;
         box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
     }
 }
 .btn-danger {
     &:hover {
         color: #fff;
         border-color: $dangerTransparency !important;
         background-color: $dangerTransparency !important;
     }
 }
 .table-celda-total {
     background-color: $highlightedArea;
 }
 marquee {
     background-color: $highlightedArea;
 }
 .front-index {
     z-index: 9999;
 }
 .uib-daypicker {
     outline: 0;
 }
 .right-0 {
     right: 0;
 }
 .tabla-factura {
     word-wrap: break-word;
     table-layout: fixed;
 }
 .ladda-w-100 .ladda-label {
     width: 100%;
     float: right;
 }
 .btn-delete-image {
     height: 25px;
     width: 25px;
     top: -10px;
     right: 0;
 }
 button.clear-input {
     cursor: pointer;
     background: transparent;
     border: none;
     margin-left: -24px;
     z-index: 9;
     color: #a3a3a3;
     &:focus {
         outline: none;
     }
 }
 .custom-control-input {
     &:checked ~ .custom-control-label::before {
         border: none !important;
         color: $primary !important;
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
     }
     &:active ~ .custom-control-label::before {
         border: none !important;
         color: $primary !important;
         background-color: $primary !important;
     }
     &:focus ~ .custom-control-label::before {
         border: none !important;
         box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
     }
     &:focus:not(:checked) ~ .custom-control-label::before {
         border: none !important;
     }
     &:not(:disabled):active ~ .custom-control-label::before {
         border: none !important;
         color: $primary !important;
         box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
     }
     &:hover ~ .custom-control-label::before {
         border: none !important;
         background-color: $primaryTransparency;
     }
 }
 .disable-selection {
     user-select: none;
     -moz-user-select: none; /* Firefox */
     -ms-user-select: none; /* Internet Explorer */
     -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
     -webkit-user-select: none; /* Chrome, Safari, and Opera */
     -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
 }
 .foca-text-success {
     color: $textSuccess !important;
 }
 .foca-text-danger {
     color: $textDanger !important;
 }
 .cover-spin {
     width: -webkit-fill-available;
     height: -webkit-fill-available;
     display: flex;
     position: absolute;
     background-color: rgba(255, 255, 255, 0.6);
     left: 0;
     top: 0;
     z-index: 9999;
 }
 .fadeIn {
     opacity: 0;
     animation: fadeIn 1.8s forwards;
 }
 @keyframes fadeIn {
     0% {
         opacity: 0;
         transform: translateY(10px);
     }
     30% {
         opacity: 0.6;
     }
     100% {
         opacity: 1;
         transform: translateY(0);
     }
 }
 .bg-gray-gradient {
     background: linear-gradient(0deg, hsl(0, 0%, 90%),hsl(0, 0%, 70%));
 }
+.text-transform-none {
+    text-transform: none !important;
+}