angular-action-sheet - npm Package Compare versions

Comparing version 0.0.4 to 0.1.0

angular-action-sheet.js

@@ -14,7 +14,6 @@ angular
       close: '&onClose',
-      reveal: '=reveal',
-      size: '='
+      reveal: '=reveal'
     },
     template: '<div class="jbas-mask" ng-class="reveal ? \'jbas-mask--revealed\' : \'jbas-mask--hidden\'"></div>' +
-      '<div class="jbas-sheet jbas-sheet--{{ size }}" ng-class="reveal ? \'jbas-sheet--revealed\' : \'jbas-sheet--hidden\'">' +
+      '<div class="jbas-sheet" ng-class="reveal ? \'jbas-sheet--revealed\' : \'jbas-sheet--hidden\'">' +
       '<button type="button" class="jbas-sheet__close" ng-click="sheet.close()">X</button>' +
@@ -21,0 +20,0 @@ '<div class="jbas-sheet__restrict-y"><div class="jbas-sheet__restrict-x">' +

package.json

 {
   "name": "angular-action-sheet",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "angular directive for sliding content out like a drawer",
@@ -5,0 +5,0 @@ "main": "angular-action-sheet.js",

README.md

@@ -39,3 +39,3 @@ # angular-action-sheet
 ```html
-<jb-action-sheet reveal="someboolean" on-close="callWhenClosed()" size="'big'">
+<jb-action-sheet reveal="someboolean" on-close="callWhenClosed()">
   <div>your content here</div>
@@ -45,2 +45,23 @@ </jb-action-sheet>
 
+If you want to create custom sheet sizes, just define some styles like this:
+
+```css
+.big > .jbas-sheet {
+  width: 80%;
+}
+
+.med > .jbas-sheet {
+  width: 50%;
+}
+```
+
+then include the class on the `jb-action-sheet` directive like this:
+
+```html
+<jb-action-sheet class="big"></jb-action-sheet>
+```
+
+**Optionally**: you can use the included `dist/sizes.css` which provides
+`.jbas-sheet--big`, `.jbas-sheet--med`, `.jbas-sheet--small`.
+
 **Note**: Currently this directive hacks a `.jbas-clipped` class to the body when
@@ -47,0 +68,0 @@ the sheet is in the revealed state. This will be fixed sometime to be less

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

11637

increased by4.95%

Number of package files

14

increased by16.67%

Number of lines in readme file

91

increased by30%

Worsened metrics

Lines of code

115

decreased by-0.86%

No dependency changes