Voral patch 1

CHANGELOG.md

@@ -1,5 +1,13 @@
 # История изменений
 
+## 2.0.2 <sup>22.10.2017</sup>
+- Исправлено: нативный селект выходил вправо за область псевдоселекта, из-за чего пространство справа от псевдоселекта становилось кликабельным.
+
+## 2.0.1 <sup>29.08.2017</sup>
+- Изменено: в отмеченном чекбоксе теперь галочка вместо квадрата.
+- Исправлено: неверный путь в параметре `main` файла _package.json_.
+- Исправлено: для `<input type="number">` не срабатывало событие `input` при нажатии на переключатели.
+
 ## 2.0.0 <sup>08.05.2017</sup>
 - Добавлено: вызов события `click` для `<input type="checkbox">` и `<input type="radio">` ([#130](https://github.com/Dimox/jQueryFormStyler/pull/130)).
 - Изменено: все обязательные стили вынесены из скрипта в отдельный файл - _jquery.formstyler.css_, а оформление - в _jquery.formstyler.theme.css_.

README.md

@@ -1,4 +1,4 @@
-# jQuery Form Styler <sup>[2.0.0](https://github.com/Dimox/jQueryFormStyler/blob/master/CHANGELOG.md)</sup>
+# jQuery Form Styler <sup>[2.0.2](https://github.com/Dimox/jQueryFormStyler/blob/master/CHANGELOG.md)</sup>
 
 jQuery-плагин для стилизации элементов HTML-форм:
 
@@ -12,7 +12,7 @@ jQuery-плагин для стилизации элементов HTML-форм
 
 - [Страница с примерами](https://dimox.github.io/jQueryFormStyler/demo/)
 - [Домашняя страница плагина](http://dimox.name/jquery-form-styler/)
-- [Плагин в CDN jsDelivr](http://www.jsdelivr.com/#!jquery.formstyler)
+- [Плагин в CDN jsDelivr](https://www.jsdelivr.com/package/npm/jquery-form-styler) [![](https://data.jsdelivr.com/v1/package/npm/jquery-form-styler/badge)](https://www.jsdelivr.com/package/npm/jquery-form-styler)
 
 ## Лицензия
 

bower.json

@@ -1,9 +1,9 @@
 {
 	"name": "jquery.form-styler",
-	"version": "2.0.0",
+	"version": "2.0.2",
 	"main": [
-		"jquery.formstyler.min.js",
-		"jquery.formstyler.css"
+		"dist/jquery.formstyler.js",
+		"dist/jquery.formstyler.css"
 	],
 	"description": "jQuery-плагин для стилизации элементов HTML-форм",
 	"keywords": [

dist/jquery.formstyler.css

@@ -46,9 +46,9 @@
 .jq-select-multiple select {
 	position: absolute;
 	top: 0;
-	right: 0;
-	bottom: 0;
 	left: 0;
+	width: 100%;
+	height: 100%;
 	margin: 0;
 	padding: 0;
 	opacity: 0;

dist/jquery.formstyler.js

@@ -1,11 +1,11 @@
 /*
- * jQuery Form Styler v2.0.0
+ * jQuery Form Styler v2.0.2
  * https://github.com/Dimox/jQueryFormStyler
  *
  * Copyright 2012-2017 Dimox (http://dimox.name/)
  * Released under the MIT license.
  *
- * Date: 2017.05.08
+ * Date: 2017.10.22
  *
  */
 
@@ -300,6 +300,7 @@
 
 			// end file
 
+			// number
 			} else if (el.is('input[type="number"]')) {
 
 				var numberOutput = function() {
@@ -379,7 +380,7 @@
 							clearTimeout(timeout);
 							clearInterval(interval);
 						}).on('mouseup', 'div.jq-number__spin', function() {
-							el.change();
+							el.change().trigger('input');
 						});
 						el.on('focus.styler', function() {
 							number.addClass('focused');
@@ -437,6 +438,7 @@
 					function makeList() {
 						for (var i = 0; i < option.length; i++) {
 							var op = option.eq(i);
+							if (op.prop('hidden')) continue;
 							var li = '',
 									liClass = '',
 									liClasses = '',
@@ -1104,4 +1106,4 @@
 	}
 	onDocumentClick.registered = false;
 
-}));
+}));

dist/jquery.formstyler.theme.css

@@ -21,12 +21,13 @@
 	border-radius: 3px;
 }
 .jq-checkbox.checked .jq-checkbox__div {
-	width: 12px;
-	height: 12px;
-	margin: 2px 0 0 2px;
-	border-radius: 2px;
-	background: #666;
-	box-shadow: inset 0 -3px 6px #AAA;
+	width: 8px;
+	height: 4px;
+	margin: 3px 0 0 3px;
+	border-bottom: 2px solid #666;
+	border-left: 2px solid #666;
+	-webkit-transform: rotate(-50deg);
+	transform: rotate(-50deg);
 }
 .jq-radio {
 	border-radius: 50%;

gulpfile.js

@@ -23,7 +23,7 @@ var path = {
 	},
 };
 
-gulp.task('minifyJs', function() {
+gulp.task('minify-js', function() {
 	gulp.src(path.src.js)
 		.pipe(uglify())
 		.pipe(header(head, {pkg}))

package.json

@@ -1,8 +1,8 @@
 {
   "name": "jquery-form-styler",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "jQuery-плагин для стилизации элементов HTML-форм",
-  "main": "jquery.formstyler.min.js",
+  "main": "dist/jquery.formstyler.min.js",
   "author": "Dimox (http://dimox.name/)",
   "contributors": [
     "Sergey Slipchenko <[email protected]>"

src/jquery.formstyler.styl

@@ -38,8 +38,8 @@
 		position absolute
 		top 0
 		left 0
-		right 0
-		bottom 0
+		width 100%
+		height 100%
 		margin 0
 		padding 0
 		opacity 0

src/jquery.formstyler.theme.styl

@@ -17,12 +17,12 @@
 	border-radius 3px
 	&.checked
 		.jq-checkbox__div
-			width 12px
-			height 12px
-			margin 2px 0 0 2px
-			border-radius 2px
-			background #666
-			box-shadow inset 0 -3px 6px #AAA
+			width 8px
+			height 4px
+			margin 3px 0 0 3px
+			border-left 2px solid #666
+			border-bottom 2px solid #666
+			transform rotate(-50deg)
 
 .jq-radio
 	border-radius 50%