fixes #106 - also fixes the jshint errors from prior commit

This commit is contained in:
shockwork 2014-10-10 10:34:36 +02:00
parent c4336133d9
commit 16af0a6f76
14 changed files with 46 additions and 33 deletions

View File

@ -18,6 +18,13 @@ module.exports = function(grunt) {
} }
}, },
githooks: {
all: {
// Will run the jshint and test:unit tasks at every commit
"pre-commit": "less autoprefixer cssmin uglify copy newer:jshint jasmine:scripts"
}
},
sass: { sass: {
compilesass: { compilesass: {
files: { files: {
@ -170,7 +177,7 @@ module.exports = function(grunt) {
}); });
grunt.registerTask("default", ["less", "autoprefixer", "cssmin", "uglify", "copy"]); grunt.registerTask("default", ["githooks", "less", "autoprefixer", "cssmin", "uglify", "copy"]);
grunt.registerTask("scss", ["sass", "autoprefixer", "cssmin", "uglify", "copy"]); grunt.registerTask("scss", ["sass", "autoprefixer", "cssmin", "uglify", "copy"]);

View File

@ -4064,14 +4064,14 @@ fieldset[disabled] .navbar .btn-link:focus {
margin: 0; margin: 0;
} }
.nav-tabs > li > a:hover { .nav-tabs > li > a:hover {
background: transparent; background-color: transparent;
border: 0; border: 0;
} }
.nav-tabs > li.active > a, .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:hover,
.nav-tabs > li.open > a, .nav-tabs > li.open > a,
.nav-tabs > li.open > a:hover { .nav-tabs > li.open > .nav-tabs > li:hover {
background: transparent !important; background-color: transparent !important;
border: 0 !important; border: 0 !important;
color: #FFFFFF !important; color: #FFFFFF !important;
font-weight: 500; font-weight: 500;

File diff suppressed because one or more lines are too long

View File

@ -4063,14 +4063,14 @@ fieldset[disabled] .navbar .btn-link:focus {
margin: 0; margin: 0;
} }
.nav-tabs > li > a:hover { .nav-tabs > li > a:hover {
background: transparent; background-color: transparent;
border: 0; border: 0;
} }
.nav-tabs > li.active > a, .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:hover,
.nav-tabs > li.open > a, .nav-tabs > li.open > a,
.nav-tabs > li.open > a:hover { .nav-tabs > li.open > .nav-tabs > li:hover {
background: transparent !important; background-color: transparent !important;
border: 0 !important; border: 0 !important;
color: #FFFFFF !important; color: #FFFFFF !important;
font-weight: 500; font-weight: 500;

File diff suppressed because one or more lines are too long

8
dist/js/ripples.js vendored
View File

@ -1,6 +1,6 @@
/* Copyright 2014+, Federico Zivolo, LICENSE at https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md */ /* Copyright 2014+, Federico Zivolo, LICENSE at https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md */
/* globals CustomEvent */ /* globals CustomEvent */
/*jshint maxlen: 500 */
window.ripples = { window.ripples = {
init : function(withRipple) { init : function(withRipple) {
"use strict"; "use strict";
@ -56,10 +56,10 @@ window.ripples = {
// This changes the alpha value of the rgba (opacity) to the constant __rippleOpacity__ // This changes the alpha value of the rgba (opacity) to the constant __rippleOpacity__
// Not sure if regexp is quicker... // Not sure if regexp is quicker...
rgbArr = targetColor.split(','); rgbArr = targetColor.split(",");
rgbArr.pop(); rgbArr.pop();
rgbArr.push(" " + __rippleOpacity__ + ")") rgbArr.push(" " + __rippleOpacity__ + ")");
targetColor = rgbArr.join(','); targetColor = rgbArr.join(",");
// Insert new ripple into ripple wrapper // Insert new ripple into ripple wrapper

View File

@ -1,19 +1,24 @@
// main: material.less // main: material.less
.nav-tabs { .nav-tabs {
background: @navbar-default-bg; background: @navbar-default-bg;
> li { > li {
> a { > a {
color: #FFFFFF; color: #FFFFFF;
border: 0; border: 0;
margin: 0; margin: 0;
&:hover { &:hover {
background: transparent; background-color: transparent;
border: 0; border: 0;
} }
} }
&.active > a, &.active > a:hover, &.open > a, &.open > a:hover { &.active > a,
background: transparent !important; &.active >
a:hover,
&.open > a,
&.open >
&:hover {
background-color: transparent !important;
border: 0 !important; border: 0 !important;
color: #FFFFFF !important; color: #FFFFFF !important;
font-weight: 500; font-weight: 500;

View File

@ -28,6 +28,7 @@
"grunt-contrib-sass": "^0.8.1", "grunt-contrib-sass": "^0.8.1",
"grunt-contrib-uglify": "^0.6.0", "grunt-contrib-uglify": "^0.6.0",
"grunt-contrib-watch": "^0.6.1", "grunt-contrib-watch": "^0.6.1",
"grunt-githooks": "^0.3.1",
"grunt-newer": "^0.7.0", "grunt-newer": "^0.7.0",
"jshint-stylish": "^1.0.0", "jshint-stylish": "^1.0.0",
"load-grunt-tasks": "^0.6.0" "load-grunt-tasks": "^0.6.0"

View File

@ -1,6 +1,6 @@
/* Copyright 2014+, Federico Zivolo, LICENSE at https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md */ /* Copyright 2014+, Federico Zivolo, LICENSE at https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md */
/* globals CustomEvent */ /* globals CustomEvent */
/*jshint maxlen: 500 */
window.ripples = { window.ripples = {
init : function(withRipple) { init : function(withRipple) {
"use strict"; "use strict";
@ -56,10 +56,10 @@ window.ripples = {
// This changes the alpha value of the rgba (opacity) to the constant __rippleOpacity__ // This changes the alpha value of the rgba (opacity) to the constant __rippleOpacity__
// Not sure if regexp is quicker... // Not sure if regexp is quicker...
rgbArr = targetColor.split(','); rgbArr = targetColor.split(",");
rgbArr.pop(); rgbArr.pop();
rgbArr.push(" " + __rippleOpacity__ + ")") rgbArr.push(" " + __rippleOpacity__ + ")");
targetColor = rgbArr.join(','); targetColor = rgbArr.join(",");
// Insert new ripple into ripple wrapper // Insert new ripple into ripple wrapper

View File

@ -4064,14 +4064,14 @@ fieldset[disabled] .navbar .btn-link:focus {
margin: 0; margin: 0;
} }
.nav-tabs > li > a:hover { .nav-tabs > li > a:hover {
background: transparent; background-color: transparent;
border: 0; border: 0;
} }
.nav-tabs > li.active > a, .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:hover,
.nav-tabs > li.open > a, .nav-tabs > li.open > a,
.nav-tabs > li.open > a:hover { .nav-tabs > li.open > .nav-tabs > li:hover {
background: transparent !important; background-color: transparent !important;
border: 0 !important; border: 0 !important;
color: #FFFFFF !important; color: #FFFFFF !important;
font-weight: 500; font-weight: 500;

File diff suppressed because one or more lines are too long

View File

@ -4063,14 +4063,14 @@ fieldset[disabled] .navbar .btn-link:focus {
margin: 0; margin: 0;
} }
.nav-tabs > li > a:hover { .nav-tabs > li > a:hover {
background: transparent; background-color: transparent;
border: 0; border: 0;
} }
.nav-tabs > li.active > a, .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:hover,
.nav-tabs > li.open > a, .nav-tabs > li.open > a,
.nav-tabs > li.open > a:hover { .nav-tabs > li.open > .nav-tabs > li:hover {
background: transparent !important; background-color: transparent !important;
border: 0 !important; border: 0 !important;
color: #FFFFFF !important; color: #FFFFFF !important;
font-weight: 500; font-weight: 500;

File diff suppressed because one or more lines are too long

View File

@ -50,11 +50,11 @@ window.ripples = {
// Move ripple to the mouse position // Move ripple to the mouse position
$ripple.setAttribute("style", "left:" + mousePos.x + "px; top:" + mousePos.y + "px;"); $ripple.setAttribute("style", "left:" + mousePos.x + "px; top:" + mousePos.y + "px;");
// Get the clicked targets text color, this will be applied to the ripple. // Get the clicked targets text color, this will be applied to the ripple as background-color.
targetColor = window.getComputedStyle($el).color; targetColor = window.getComputedStyle($el).color;
// This changes the last value of the rgba value (opacity) to the constant __rippleOpacity__ // This changes the alpha value of the rgba (opacity) to the constant __rippleOpacity__
// Not sure if regexp is quicker... // Not sure if regexp is quicker...
rgbArr = targetColor.split(','); rgbArr = targetColor.split(',');
rgbArr.pop(); rgbArr.pop();