From ba2a223d816332cd025eea9ebc8f2e6605fa44de Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicol=C3=A1s?= Date: Tue, 30 Oct 2018 17:51:32 -0300 Subject: [PATCH] mejora en tabla de articulos para responsive --- gulpfile.js | 9 +++++---- package.json | 2 +- src/sass/_panel-informativo.scss | 12 ++++++++++++ src/sass/_tabla-articulos.scss | 32 -------------------------------- 4 files changed, 18 insertions(+), 37 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index 9e455d2..aa33785 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -2,7 +2,7 @@ const gulp = require('gulp'); const sass = require('gulp-sass'); const concat = require('gulp-concat'); const rename = require('gulp-rename'); -const uglify = require('gulp-uglify-es').default; +const uglify = require('gulp-uglify'); const pump = require('pump'); const jshint = require('gulp-jshint'); const replace = require('gulp-replace'); @@ -66,14 +66,15 @@ gulp.task('webserver', function() { connect.server( { port: 3000, - host: '0.0.0.0' + host: '0.0.0.0', + livereload: true } ) ] }); gulp.task('watch', function() { - gulp.watch([paths.srcJS], ['uglify']); + //gulp.watch([paths.srcJS], ['uglify']); gulp.watch('src/sass/*.scss', ['sass']); }) @@ -87,4 +88,4 @@ gulp.task('livereload', function() { gulp.watch('vistas/**/*.html', ['reload']); }); -gulp.task('default', ['webserver']); +gulp.task('default', ['webserver', 'livereload', 'watch']); diff --git a/package.json b/package.json index de43ca7..db27569 100644 --- a/package.json +++ b/package.json @@ -64,7 +64,7 @@ "gulp-rename": "^1.4.0", "gulp-replace": "^1.0.0", "gulp-sass": "^4.0.1", - "gulp-uglify-es": "^1.0.4", + "gulp-uglify": "^1.0.4", "gulp-watch": "^5.0.1", "jasmine-core": "^3.2.1", "jshint": "^2.9.6", diff --git a/src/sass/_panel-informativo.scss b/src/sass/_panel-informativo.scss index 8aadca7..aa2e963 100644 --- a/src/sass/_panel-informativo.scss +++ b/src/sass/_panel-informativo.scss @@ -17,4 +17,16 @@ .valor { font-size: .8em; } + + .nota-pedido { + @media (max-width: 576px) { + text-align: center; + } + } + + .numero-pedido { + @media (min-width: 576px) { + text-align: center; + } + } } diff --git a/src/sass/_tabla-articulos.scss b/src/sass/_tabla-articulos.scss index f4ad2f1..d958a08 100644 --- a/src/sass/_tabla-articulos.scss +++ b/src/sass/_tabla-articulos.scss @@ -1,11 +1,7 @@ .tabla-articulo { max-height: 420px; - display: -moz-groupbox; - width: 100%; - display: block; tr { - width: 100%; display: inline-table; table-layout: fixed; } @@ -13,35 +9,7 @@ tbody { overflow-y: auto; max-height: 280px; - width: 100%; display: block; } - &-numero { - width: 25px; - } - - &-codigo { - width: 70px; - } - - &-descripcion { - width: 250px; - } - - &-cantidad { - width: 100px; - } - - &-precio { - width: 130px; - } - - &-subtotal { - width: 130px; - } - - &-boton { - width: 52px; - } } -- 1.9.1