marionette-dialogregion-rails 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1568049ea861f1d56b2649ee33d42105084f6bd8
|
|
4
|
+
data.tar.gz: 2c79b1f585cda28b3403e49db6341fc60d085ccd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d78a622c05ee5d86b0d9f173cc0a2739248560b356a301dc03430bb03d6d85a8ecc5140ae10aa3e77c93ca3ac0bd455b821a60d843b99d1c86665e7a7c0ea85f
|
|
7
|
+
data.tar.gz: 350d1c5ad2671f48bb7a6e0a66ad6513a0ca68fa6133fc31dd235dffd2aeb7085e4c414e714b3eb892451773a4a85c2f456723d3bbd178a9e38f52d7876d1024
|
data/README.md
CHANGED
|
@@ -27,6 +27,12 @@ Require the JavaScripts in your `application.js.coffee`:
|
|
|
27
27
|
#= require marionette-dialogregion-rails
|
|
28
28
|
```
|
|
29
29
|
|
|
30
|
+
And add the base CSS files in `application.css.scss`:
|
|
31
|
+
|
|
32
|
+
```css
|
|
33
|
+
//= require colorbox
|
|
34
|
+
```
|
|
35
|
+
|
|
30
36
|
Then, in your Marionette app, you can declare a region to be a dialog by extending `Marionette.Region.Dialog` and providing a selector for the element you wish to use for your dialogs:
|
|
31
37
|
|
|
32
38
|
```coffeescript
|
|
@@ -46,7 +52,7 @@ Options
|
|
|
46
52
|
Currently, there is only one option available, `closable`. It defaults to `true`, but if you make it `false`, the dialog will not be closable by clicking on the background overlay or pressing the Escape key:
|
|
47
53
|
|
|
48
54
|
```coffeescript
|
|
49
|
-
view = new MyView
|
|
55
|
+
view = new MyView closable: true
|
|
50
56
|
App.dialogRegion.show view
|
|
51
57
|
```
|
|
52
58
|
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Colorbox Core Style:
|
|
3
|
+
The following CSS is consistent between example themes and should not be altered.
|
|
4
|
+
*/
|
|
5
|
+
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
|
|
6
|
+
#cboxWrapper {max-width:none;}
|
|
7
|
+
#cboxOverlay{position:fixed; width:100%; height:100%;}
|
|
8
|
+
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
|
|
9
|
+
#cboxContent{position:relative;}
|
|
10
|
+
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
|
|
11
|
+
#cboxTitle{margin:0;}
|
|
12
|
+
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
|
|
13
|
+
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
|
|
14
|
+
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
|
|
15
|
+
.cboxIframe{width:100%; height:100%; display:block; border:0;}
|
|
16
|
+
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: marionette-dialogregion-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Louis Simoneau
|
|
@@ -84,6 +84,8 @@ files:
|
|
|
84
84
|
- vendor/assets/javascripts/dialog-region.js.coffee
|
|
85
85
|
- vendor/assets/javascripts/jquery-colorbox.js
|
|
86
86
|
- vendor/assets/javascripts/marionette-dialogregion-rails.js.coffee
|
|
87
|
+
- vendor/assets/stylesheets/colorbox.css
|
|
88
|
+
- vendor/assets/stylesheets/marionette-dialogregion-rails.css.scss
|
|
87
89
|
homepage: https://github.com/avalancheau/marionette-dialogregion-rails
|
|
88
90
|
licenses:
|
|
89
91
|
- Apache
|