lightpick - npm Package Compare versions

Comparing version 1.0.5 to 1.0.6

CHANGELOG.md

 # Changelog
 All notable changes to this project will be documented in this file.
 
+[1.0.6] - 2018-07-12
+* Improves styling (by bartvandebiezen)
+
 [1.0.5] - 2018-07-12
@@ -5,0 +8,0 @@ * new method `reloadOptions` (by Codetaal)

lightpick.js

@@ -85,4 +85,4 @@ /**
             buttons: {
-                prev: '<',
-                next: '>',
+                prev: '← ',
+                next: '→ ',
                 close: '×',
@@ -238,5 +238,5 @@ },
 
-            html += '<div class="lightpick__month">';
-            html += '<div class="lightpick__month-title">'
-            html += '<div>' + day.toDate().toLocaleString(opts.lang, { month: 'long' }) + ' ' + day.format('YYYY')  + '</div>';
+            html += '<section class="lightpick__month">';
+            html += '<header class="lightpick__month-title-bar">'
+            html += '<h1 class="lightpick__month-title">' + day.toDate().toLocaleString(opts.lang, { month: 'long' }) + ' ' + day.format('YYYY')  + '</h1>';
 
@@ -247,3 +247,3 @@ if (opts.numberOfMonths === 1) {
 
-            html += '</div>';
+            html += '</header>'; // lightpick__month-title-bar
 
@@ -290,3 +290,3 @@ html += '<div class="lightpick__days-of-the-week">';
 
-            html += '</div>'; // lightpick__month
+            html += '</section>'; // lightpick__month
 
@@ -324,3 +324,3 @@ monthDate.add(1, 'month');
         if (opts.parentEl !== 'body') {
-            self.el.className += ' has-parent-el';
+            self.el.className += ' lightpick--inlined';
         }
@@ -487,3 +487,3 @@
                     if (days > 0 && !target.classList.contains('is-disabled')) {
-                            var hasParentEl = self.el.classList.contains('has-parent-el'),
+                            var hasParentEl = self.el.classList.contains('lightpick--inlined'),
                                 dayBounding = target.getBoundingClientRect(),
@@ -713,3 +713,3 @@ pickerBouding = hasParentEl ? self.el.parentNode.getBoundingClientRect() : self.el.getBoundingClientRect(),
         updatePosition: function(){
-            if (this.el.classList.contains('has-parent-el')) return;
+            if (this.el.classList.contains('lightpick--inlined')) return;
 
@@ -716,0 +716,0 @@ var rect = this._opts.field.getBoundingClientRect();

package.json

 {
   "name": "lightpick",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Javascript date range picker - lightweight, no jQuery",
@@ -5,0 +5,0 @@ "main": "lightpick.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

89432

increased by19.46%

Number of package files

10

increased by11.11%

Lines of code

1485

increased by41.43%

No dependency changes