Merge branch 'master' of http://git.focasoftware.com/npm/wrapper-demo

Eric Fernandez
2 parents 57838ad4a9 5610e89f1a
Showing 10 changed files Show diff stats
index.html
src/sass/_acciones-mobile.scss
src/sass/_admin-seguimiento.scss
src/sass/_bootstrap.scss
src/sass/_botonera-lateral.scss
src/sass/_botonera-principal.scss
src/sass/_contenedor.scss
src/sass/_swiper.scss
src/sass/_tabla.scss
src/sass/general.scss
@@ -88,15 +88,7 @@
         <foca-nombre-empresa></foca-nombre-empresa>
         <div ng-view class="container contenedor"></div>
         <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block ">
-            <div class="container">
-                <div class="row">
-                    <div class="col-auto my-2 col-lg-2 offset-lg-10 d-none d-md-flex" style="min-height: 176px">
-                        <div class="px-2 mt-auto">
-                            <foca-botonera-lateral></foca-botonera-lateral>
-                        </div>
-                    </div>
-                </div>
-            </div>
+            <foca-botonera-lateral></foca-botonera-lateral>
             <foca-teclado
                 ng-show="usarTeclado && mostrarTeclado"
                 alfanumeric="true"
@@ -2,4 +2,4 @@
     line-height: 2.5em; 
     color: orange;
     font-size: 1.25em
-}
 \ No newline at end of file
+}
 .foca-admin-seguimiento {
     osm {
         &>div {
-            height: 600px;
+            height: 535px;
         }
     }
 }
-.active{
-    color: #fff;
+button.active{
     text-decoration: none;
     outline: 0;
-    background-color: #337ab7;
+    background-color: $primary-color;
+    &:focus{
+        box-shadow: 0 0 0 0.2rem #d8b07d;
+    }
 }
 .btn-xs {
     padding: .15rem .5rem;
 .botonera-lateral {
+    pointer-events: none;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 402px;
+    &.teclado{
+        top: 449px;
+        z-index: 100000;
+    }
+    .row{
+        margin: 0 !important;
+        pointer-events: none;
+    }
  
-    @media (min-width: 768px){
-        display: grid !important;
+    .container{
+        @media (min-width: 768px){
+            display: grid !important;
+        }
     }
  
     button{
@@ -49,16 +64,3 @@
         }
     }
 }
-.teclado-container > div{
-    pointer-events: none;
-    position: absolute;
-    z-index: 100000;
-    left: 0;
-    right: 0;
-    top: 449px;
-    .row{
-        margin: 0 !important;
-        pointer-events: none;
-    }
-    
-}
@@ -7,6 +7,9 @@
         @media (max-width: 576px) {
             width: 100%;
         }
+        @media (min-width: 992px) and (max-width: 1200px){
+            width: 150px;
+        }
     }
     button {
         background-image: url('../img/botonera.png');
@@ -26,6 +29,7 @@
         }
     }
     &-menu {
+        width: 100%;
         padding-left: 90px;
         @media (max-width: 576px) {
             padding: 0;
@@ -187,4 +191,10 @@
     .swiper-button-prev {
         background-image: url('../img/izquierda.png');
     }
+
+    @media (min-width: 992px){
+        a{
+            margin-top: 2.5rem;
+        }
+    }
 }
 body {
-    @media (min-width: 768px) {
-        background-color: #cccccc;
-    }
+    background-color: #cccccc;
 }
  
 .contenedor {
 .swiper {
     &-container {
         height: 300px;
+        
     }
     &-slide {
         background: transparent;
@@ -9,4 +10,14 @@
         -webkit-align-items: unset;
         align-items: unset;
     }
+
+    @media(max-width: 992px){
+        &-container{
+            height: 430px;
+        }
+        &-pagination{
+            background: #CCC;
+            padding: 0.5rem;
+        }
+    }
 }
@@ -6,9 +6,23 @@
         color: #000000;
         background-color: #FF9900;
     }
+    &-title{
+        background-color: #67615e;
+        color: #FFF;
+        margin-bottom: 0;
+        padding: 0.25rem 0;
+        font-size: 1rem;
+    }
  
     thead th{
         font-size: 13px;
     }
+
+    &.table-abm{
+        thead{
+            color: #FFF;
+            background-color: #67615e;
+        }
+    }
  
 }
@@ -31,3 +31,14 @@ input::-webkit-inner-spin-button {
         display: grid !important;
     }
 }
+
+.btn-outline-debo{
+    background-color: transparent;
+    color: $primary-color;
+    border-color: $primary-color;
+    &:hover{
+        color: #FFF;
+        border-color: transparent;
+        background-color: $primary-color;
+    }
+}
...	...	@@ -88,15 +88,7 @@
88	88	<foca-nombre-empresa></foca-nombre-empresa>
89	89	<div ng-view class="container contenedor"></div>
90	90	<div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block ">
91		- <div class="container">
92		- <div class="row">
93		- <div class="col-auto my-2 col-lg-2 offset-lg-10 d-none d-md-flex" style="min-height: 176px">
94		- <div class="px-2 mt-auto">
95		- <foca-botonera-lateral></foca-botonera-lateral>
96		- </div>
97		- </div>
98		- </div>
99		- </div>
	91	+ <foca-botonera-lateral></foca-botonera-lateral>
100	92	<foca-teclado
101	93	ng-show="usarTeclado && mostrarTeclado"
102	94	alfanumeric="true"
...	...	@@ -2,4 +2,4 @@
2	2	line-height: 2.5em;
3	3	color: orange;
4	4	font-size: 1.25em
5		-}
6	5	\ No newline at end of file
	6	+}
1	1	.foca-admin-seguimiento {
2	2	osm {
3	3	&>div {
4		- height: 600px;
	4	+ height: 535px;
5	5	}
6	6	}
7	7	}
1		-.active{
2		- color: #fff;
	1	+button.active{
3	2	text-decoration: none;
4	3	outline: 0;
5		- background-color: #337ab7;
	4	+ background-color: $primary-color;
	5	+ &:focus{
	6	+ box-shadow: 0 0 0 0.2rem #d8b07d;
	7	+ }
6	8	}
7	9	.btn-xs {
8	10	padding: .15rem .5rem;
1	1	.botonera-lateral {
	2	+ pointer-events: none;
	3	+ position: absolute;
	4	+ left: 0;
	5	+ right: 0;
	6	+ top: 402px;
	7	+ &.teclado{
	8	+ top: 449px;
	9	+ z-index: 100000;
	10	+ }
	11	+ .row{
	12	+ margin: 0 !important;
	13	+ pointer-events: none;
	14	+ }
2	15
3		- @media (min-width: 768px){
4		- display: grid !important;
	16	+ .container{
	17	+ @media (min-width: 768px){
	18	+ display: grid !important;
	19	+ }
5	20	}
6	21
7	22	button{
...	...	@@ -49,16 +64,3 @@
49	64	}
50	65	}
51	66	}
52		-.teclado-container > div{
53		- pointer-events: none;
54		- position: absolute;
55		- z-index: 100000;
56		- left: 0;
57		- right: 0;
58		- top: 449px;
59		- .row{
60		- margin: 0 !important;
61		- pointer-events: none;
62		- }
63		-
64		-}
...	...	@@ -7,6 +7,9 @@
7	7	@media (max-width: 576px) {
8	8	width: 100%;
9	9	}
	10	+ @media (min-width: 992px) and (max-width: 1200px){
	11	+ width: 150px;
	12	+ }
10	13	}
11	14	button {
12	15	background-image: url('../img/botonera.png');
...	...	@@ -26,6 +29,7 @@
26	29	}
27	30	}
28	31	&-menu {
	32	+ width: 100%;
29	33	padding-left: 90px;
30	34	@media (max-width: 576px) {
31	35	padding: 0;
...	...	@@ -187,4 +191,10 @@
187	191	.swiper-button-prev {
188	192	background-image: url('../img/izquierda.png');
189	193	}
	194	+
	195	+ @media (min-width: 992px){
	196	+ a{
	197	+ margin-top: 2.5rem;
	198	+ }
	199	+ }
190	200	}
1	1	body {
2		- @media (min-width: 768px) {
3		- background-color: #cccccc;
4		- }
	2	+ background-color: #cccccc;
5	3	}
6	4
7	5	.contenedor {
1	1	.swiper {
2	2	&-container {
3	3	height: 300px;
	4	+
4	5	}
5	6	&-slide {
6	7	background: transparent;
...	...	@@ -9,4 +10,14 @@
9	10	-webkit-align-items: unset;
10	11	align-items: unset;
11	12	}
	13	+
	14	+ @media(max-width: 992px){
	15	+ &-container{
	16	+ height: 430px;
	17	+ }
	18	+ &-pagination{
	19	+ background: #CCC;
	20	+ padding: 0.5rem;
	21	+ }
	22	+ }
12	23	}
...	...	@@ -6,9 +6,23 @@
6	6	color: #000000;
7	7	background-color: #FF9900;
8	8	}
	9	+ &-title{
	10	+ background-color: #67615e;
	11	+ color: #FFF;
	12	+ margin-bottom: 0;
	13	+ padding: 0.25rem 0;
	14	+ font-size: 1rem;
	15	+ }
9	16
10	17	thead th{
11	18	font-size: 13px;
12	19	}
	20	+
	21	+ &.table-abm{
	22	+ thead{
	23	+ color: #FFF;
	24	+ background-color: #67615e;
	25	+ }
	26	+ }
13	27
14	28	}
...	...	@@ -31,3 +31,14 @@ input::-webkit-inner-spin-button {
31	31	display: grid !important;
32	32	}
33	33	}
	34	+
	35	+.btn-outline-debo{
	36	+ background-color: transparent;
	37	+ color: $primary-color;
	38	+ border-color: $primary-color;
	39	+ &:hover{
	40	+ color: #FFF;
	41	+ border-color: transparent;
	42	+ background-color: $primary-color;
	43	+ }
	44	+}