marionette-dialogregion-rails 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
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
|