Merge branch 'master' into 'master'

overflow en la tabla de articulos See merge request Wrappers/wrapper-demo!16

Merge branch 'master' into 'master'
overflow en la tabla de articulos See merge request Wrappers/wrapper-demo!16
Nicolás Guarnieri
2 parents fea5d97558 fa233d18db
Showing 3 changed files Show diff stats
src/sass/_contenedor.scss
src/sass/_tabla-articulos.scss
src/sass/general.scss
@@ -13,7 +13,7 @@ body {
     height: 300px;
 }
  
-.grilla-articulos {
+.grilla-articulo {
     background-color: rgba(0, 0, 0, 0.8);
     height: 430px;
 }
@@ -0,0 +1,47 @@
+.tabla-articulo {
+    max-height: 420px;
+    display: -moz-groupbox;
+    width: 100%;
+    display: block;
+    
+    tr {
+        width: 100%;
+        display: inline-table;
+        table-layout: fixed;
+    }
+
+    tbody {
+        overflow-y: auto;
+        max-height: 280px;
+        width: 100%;
+        display: block;
+    }
+
+    &-numero {
+        width: 25px;
+    }
+ 
+    &-codigo {
+        width: 70px;
+    }
+ 
+    &-descripcion {
+        width: 330px;
+    }
+ 
+    &-cantidad {
+        width: 100px;
+    }
+ 
+    &-precio {
+        width: 130px;
+    }
+ 
+    &-subtotal {
+        width: 130px;
+    }
+ 
+    &-boton {
+        width: 52px;
+    }
+}
@@ -9,3 +9,4 @@
 @import 'panel-informativo';
 @import 'tabla';
 @import 'teclado';
+@import 'tabla-articulos';
...	...	@@ -13,7 +13,7 @@ body {
13	13	height: 300px;
14	14	}
15	15
16		-.grilla-articulos {
	16	+.grilla-articulo {
17	17	background-color: rgba(0, 0, 0, 0.8);
18	18	height: 430px;
19	19	}
...	...	@@ -0,0 +1,47 @@
	1	+.tabla-articulo {
	2	+ max-height: 420px;
	3	+ display: -moz-groupbox;
	4	+ width: 100%;
	5	+ display: block;
	6	+
	7	+ tr {
	8	+ width: 100%;
	9	+ display: inline-table;
	10	+ table-layout: fixed;
	11	+ }
	12	+
	13	+ tbody {
	14	+ overflow-y: auto;
	15	+ max-height: 280px;
	16	+ width: 100%;
	17	+ display: block;
	18	+ }
	19	+
	20	+ &-numero {
	21	+ width: 25px;
	22	+ }
	23	+
	24	+ &-codigo {
	25	+ width: 70px;
	26	+ }
	27	+
	28	+ &-descripcion {
	29	+ width: 330px;
	30	+ }
	31	+
	32	+ &-cantidad {
	33	+ width: 100px;
	34	+ }
	35	+
	36	+ &-precio {
	37	+ width: 130px;
	38	+ }
	39	+
	40	+ &-subtotal {
	41	+ width: 130px;
	42	+ }
	43	+
	44	+ &-boton {
	45	+ width: 52px;
	46	+ }
	47	+}
...	...	@@ -9,3 +9,4 @@
9	9	@import 'panel-informativo';
10	10	@import 'tabla';
11	11	@import 'teclado';
	12	+@import 'tabla-articulos';