Commit a6e10631f3c513321c0a7c94b28341ed39ae0486
1 parent
ecf7c612ab
Exists in
master
Agregada dependencia al instalar node-sass para corregir un error.
Showing
2 changed files
with
6 additions
and
1 deletions
Show diff stats
package.json
| 1 | { | 1 | { |
| 2 | "name": "foca-teclado", | 2 | "name": "foca-teclado", |
| 3 | "version": "0.0.1", | 3 | "version": "0.0.1", |
| 4 | "description": "Componente teclado", | 4 | "description": "Componente teclado", |
| 5 | "main": "dist/foca-teclado.min.js", | 5 | "main": "dist/foca-teclado.min.js", |
| 6 | "scripts": { | 6 | "scripts": { |
| 7 | "test": "echo \"Error: no test specified\" && exit 1", | 7 | "test": "echo \"Error: no test specified\" && exit 1", |
| 8 | "compile": "gulp uglify", | 8 | "compile": "gulp uglify", |
| 9 | "gulp-pre-commit": "gulp pre-commit", | 9 | "gulp-pre-commit": "gulp pre-commit", |
| 10 | "postinstall": "npm run compile && gulp clean-post-install", | 10 | "postinstall": "npm run compile && gulp clean-post-install", |
| 11 | "install-dev": "npm install -D angular bootstrap font-awesome gulp gulp-angular-templatecache gulp-clean gulp-concat gulp-connect gulp-htmlmin gulp-jshint gulp-rename gulp-replace gulp-uglify-es gulp-sass jasmine-core jquery jshint pre-commit pump && npm install angular-sanitize git+https://github.com/ericf97/angular-on-screen-keyboard.git" | 11 | "install-dev": "npm install -D angular bootstrap font-awesome gulp gulp-angular-templatecache gulp-clean gulp-concat gulp-connect gulp-htmlmin gulp-jshint gulp-rename gulp-replace gulp-uglify-es gulp-sass jasmine-core jquery jshint pre-commit pump && npm install angular-sanitize git+https://github.com/ericf97/angular-on-screen-keyboard.git" |
| 12 | }, | 12 | }, |
| 13 | "pre-commit": [ | 13 | "pre-commit": [ |
| 14 | "gulp-pre-commit" | 14 | "gulp-pre-commit" |
| 15 | ], | 15 | ], |
| 16 | "repository": { | 16 | "repository": { |
| 17 | "type": "git", | 17 | "type": "git", |
| 18 | "url": "https://debo.suite.repo/modulos-npm/foca-teclado.git" | 18 | "url": "https://debo.suite.repo/modulos-npm/foca-teclado.git" |
| 19 | }, | 19 | }, |
| 20 | "author": "Foca Software", | 20 | "author": "Foca Software", |
| 21 | "license": "ISC", | 21 | "license": "ISC", |
| 22 | "peerDependencies": { | 22 | "peerDependencies": { |
| 23 | "angular": "^1.7.x", | 23 | "angular": "^1.7.x", |
| 24 | "bootstrap": "^4.1.x", | 24 | "bootstrap": "^4.1.x", |
| 25 | "jquery": "^3.3.x", | 25 | "jquery": "^3.3.x", |
| 26 | "font-awesome": "^4.7.x", | 26 | "font-awesome": "^4.7.x", |
| 27 | "gulp": "^3.9.x", | 27 | "gulp": "^3.9.x", |
| 28 | "gulp-concat": "2.6.x", | 28 | "gulp-concat": "2.6.x", |
| 29 | "gulp-jshint": "^2.1.x", | 29 | "gulp-jshint": "^2.1.x", |
| 30 | "gulp-rename": "^1.4.x", | 30 | "gulp-rename": "^1.4.x", |
| 31 | "gulp-replace": "^1.0.x", | 31 | "gulp-replace": "^1.0.x", |
| 32 | "gulp-uglify-es": "^1.0.x", | 32 | "gulp-uglify-es": "^1.0.x", |
| 33 | "jshint": "^2.9.x", | 33 | "jshint": "^2.9.x", |
| 34 | "pump": "^3.0.x" | 34 | "pump": "^3.0.x" |
| 35 | }, | 35 | }, |
| 36 | "devDependencies": { | 36 | "devDependencies": { |
| 37 | "angular": "1.7.5", | 37 | "angular": "1.7.5", |
| 38 | "angular-route": "^1.7.5", | 38 | "angular-route": "^1.7.5", |
| 39 | "angular-sanitize": "1.7.5", | 39 | "angular-sanitize": "1.7.5", |
| 40 | "bootstrap": "4.1.3", | 40 | "bootstrap": "4.1.3", |
| 41 | "font-awesome": "4.7.0", | 41 | "font-awesome": "4.7.0", |
| 42 | "gulp": "3.9.1", | 42 | "gulp": "3.9.1", |
| 43 | "gulp-angular-templatecache": "2.2.5", | 43 | "gulp-angular-templatecache": "2.2.5", |
| 44 | "gulp-clean": "0.4.0", | 44 | "gulp-clean": "0.4.0", |
| 45 | "gulp-concat": "2.6.1", | 45 | "gulp-concat": "2.6.1", |
| 46 | "gulp-connect": "5.6.1", | 46 | "gulp-connect": "5.6.1", |
| 47 | "gulp-htmlmin": "5.0.1", | 47 | "gulp-htmlmin": "5.0.1", |
| 48 | "gulp-jshint": "2.1.0", | 48 | "gulp-jshint": "2.1.0", |
| 49 | "gulp-rename": "1.4.0", | 49 | "gulp-rename": "1.4.0", |
| 50 | "gulp-replace": "1.0.0", | 50 | "gulp-replace": "1.0.0", |
| 51 | "gulp-sass": "4.0.2", | 51 | "gulp-sass": "4.0.2", |
| 52 | "gulp-uglify-es": "1.0.4", | 52 | "gulp-uglify-es": "1.0.4", |
| 53 | "jasmine-core": "3.3.0", | 53 | "jasmine-core": "3.3.0", |
| 54 | "jquery": "3.3.1", | 54 | "jquery": "3.3.1", |
| 55 | "jshint": "2.9.6", | 55 | "jshint": "2.9.6", |
| 56 | "pre-commit": "1.2.2", | 56 | "pre-commit": "1.2.2", |
| 57 | "pump": "3.0.0" | 57 | "pump": "3.0.0" |
| 58 | }, | 58 | }, |
| 59 | "dependencies": { | 59 | "dependencies": { |
| 60 | "angular-on-screen-keyboard": "git+https://github.com/ericf97/angular-on-screen-keyboard.git" | 60 | "angular-on-screen-keyboard": "git+https://github.com/ericf97/angular-on-screen-keyboard.git", |
| 61 | "node-sass": "^4.11.0" | ||
| 61 | } | 62 | } |
| 62 | } | 63 | } |
| 63 | 64 |
src/sass/_teclado.scss
| 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 | position:absolute !important; | ||
| 9 | bottom:0; | ||
| 10 | width:100% !important; | ||
| 11 | height:25% !important; | ||
| 8 | 12 | ||
| 9 | table { | 13 | table { |
| 10 | border-spacing: 10px; | 14 | border-spacing: 10px; |
| 11 | border-collapse: separate; | 15 | border-collapse: separate; |
| 12 | background-color: #F1F1F1; | 16 | background-color: #F1F1F1; |
| 13 | 17 | ||
| 14 | td { | 18 | td { |
| 15 | touch-action: none; | 19 | touch-action: none; |
| 16 | } | 20 | } |
| 17 | } | 21 | } |
| 18 | 22 | ||
| 19 | .letter { | 23 | .letter { |
| 20 | background-color: #bdbdbd; | 24 | background-color: #bdbdbd; |
| 21 | box-shadow: 2px 2px 3px #555555; | 25 | box-shadow: 2px 2px 3px #555555; |
| 22 | width: 47px; | 26 | width: 47px; |
| 23 | height: 50px; | 27 | height: 50px; |
| 24 | text-align: center; | 28 | text-align: center; |
| 25 | font-family: "arial"; | 29 | font-family: "arial"; |
| 26 | cursor: pointer; | 30 | cursor: pointer; |
| 27 | color: #000; | 31 | color: #000; |
| 28 | font-size: 22px; | 32 | font-size: 22px; |
| 29 | 33 | ||
| 30 | &:hover { | 34 | &:hover { |
| 31 | background-color: #fafafa; | 35 | background-color: #fafafa; |
| 32 | } | 36 | } |
| 33 | &:active { | 37 | &:active { |
| 34 | background-color: #999; | 38 | background-color: #999; |
| 35 | color: #fff; | 39 | color: #fff; |
| 36 | } | 40 | } |
| 37 | } | 41 | } |
| 38 | .number { | 42 | .number { |
| 39 | background-color: #bdbdbd; | 43 | background-color: #bdbdbd; |
| 40 | box-shadow: 2px 2px 3px #555555; | 44 | box-shadow: 2px 2px 3px #555555; |
| 41 | width: 47px; | 45 | width: 47px; |
| 42 | height: 35px; | 46 | height: 35px; |
| 43 | text-align: center; | 47 | text-align: center; |
| 44 | font-family: "arial"; | 48 | font-family: "arial"; |
| 45 | cursor: pointer; | 49 | cursor: pointer; |
| 46 | color: #000; | 50 | color: #000; |
| 47 | font-size: 22px; | 51 | font-size: 22px; |
| 48 | 52 | ||
| 49 | &:hover { | 53 | &:hover { |
| 50 | background-color: #fafafa; | 54 | background-color: #fafafa; |
| 51 | } | 55 | } |
| 52 | &:active { | 56 | &:active { |
| 53 | background-color: #999; | 57 | background-color: #999; |
| 54 | color: #fff; | 58 | color: #fff; |
| 55 | } | 59 | } |
| 56 | } | 60 | } |
| 57 | 61 | ||
| 58 | .margin { | 62 | .margin { |
| 59 | width: 40px; | 63 | width: 40px; |
| 60 | height: 50px; | 64 | height: 50px; |
| 61 | } | 65 | } |
| 62 | } | 66 | } |
| 63 | 67 |