lazybox 1.1.1 → 1.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 182f11f45966690f7900c90832787624db2fa82d
-  data.tar.gz: 0a050dd9345c89ed99fb19b6b08c1bab21859e22
+  metadata.gz: 0662494ff4a4dbebf2df420c06a9dfe11e2a254c
+  data.tar.gz: 55258e0eb76f7ba29f68a5b68de27c0c87930777
 SHA512:
-  metadata.gz: e13e1b69c41054c6fdd84b9704173809ce17120bc998b57851f361f3fc991e402e0249f5b0c6441d6bd0e9c54e266a6a3610f2d0bfeadbe51d8887338f725970
-  data.tar.gz: bd005ce3603688589f450f9792ebd03e4293a337a2c1e1c1ea8eca62102272ae8592b07b0303393604224a4f6a6e13427ce3be3d7f31beb10b9c61e1dca2579b
+  metadata.gz: fff9d3710a05e70ba8ebe8b9d6f46a65b75a688185f7fa3677ffe630cefe4ed3efaf78a979ab93c31b14e3639e96694de378b6b40c2b29bbcf6aacebfbbb23b0
+  data.tar.gz: 2fd64ef850b19910da81c2bc93cf7d2323e0dfdde36ecc147d95f0f2fff5a22f73ff15825ae4f4a2bcf0812f3d8f654ee40a47b21324833856a7f4555e305e5c

data/README.md

@@ -32,7 +32,7 @@ Add to your layout helper `render_lazybox`:
 
 ```slim
   ...
-    render_lazybox(active: true)
+    render_lazybox
   body
 html
 ```

data/app/assets/javascripts/lazybox.js.coffee

@@ -51,7 +51,9 @@
     options = $.extend {}, defaults, $.lazybox.settings, options
     $('#lazybox').attr('class', options.klass)
     $('#lazy_close').toggleClass('visible', options.close)
-    $('#lazy_overlay').one 'click', $.lazybox.close unless options.modal
+    unless options.modal
+      $('#lazy_overlay').one 'click', (e) ->
+        $.lazybox.close() if e.target == @
     $(document).on 'keyup.lazy', (e) ->
       if e.keyCode == 27 and options.esc
         $.lazybox.close()

data/app/assets/stylesheets/lazybox.css.scss

@@ -11,6 +11,7 @@ $lazy-close:      '×' !default;
 
 #lazy_overlay {
   visibility: hidden;
+  text-align: center;
   z-index: $lazy-z-index;
   background: $lazy-overlay;
   bottom: 0;
@@ -20,30 +21,32 @@ $lazy-close:      '×' !default;
   top: 0;
   opacity: 0;
   transition: opacity $lazy-transition, visibility $lazy-transition;
+  &:before {
+    content: '';
+    display: inline-block;
+    height: 100%;
+    vertical-align: middle;
+  }
   &.active {
     visibility: visible;
     opacity: 1;
-    + #lazybox {
-      visibility: visible;
-      transform: translate(-50%, -50%) $lazy-end;
-      opacity: 1;
-    }
+    #lazybox { transform: $lazy-end; }
+  }
+  * {
+    visibility: inherit;
   }
 }
 
 #lazybox {
-  visibility: hidden;
-  opacity: 0;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%) $lazy-start;
+  text-align: left;
+  display: inline-block;
+  vertical-align: middle;
+  transform: $lazy-start;
   background-color: $lazy-bg;
   border: $lazy-border;
   box-shadow: $lazy-shadow;
   padding: $lazy-padding;
-  position: fixed;
   box-sizing: border-box;
-  z-index: $lazy-z-index + 1;
   overflow: auto;
   max-height: 100vh;
   max-width: 100vw;
@@ -51,9 +54,7 @@ $lazy-close:      '×' !default;
   &.confirm { max-width: 300px; }
   .lazy_buttons { margin-top: 15px; text-align: right; }
   .lazy-img { display: block; }
-  #lazy_body {
-    position: relative;
-  }
+  #lazy_body { position: relative; }
 }
 
 #lazy_close {

data/lib/lazybox.rb

@@ -6,11 +6,12 @@ module Lazybox
   module Helper
 
     def render_lazybox(options = {})
-      content_tag(:div, '', id: :lazy_overlay, class: ('active' if options[:active] && content_for?(:lazybox))) +
+      content_tag(:div, '', id: :lazy_overlay, class: ('active' if content_for?(:lazybox))) do
         content_tag(:div, id: :lazybox) do
-        button_tag('', id: :lazy_close, class: :visible) +
+          button_tag('', id: :lazy_close, class: :visible) +
           content_tag(:div, id: :lazy_body) do
-          content_for(:lazybox)
+            content_for(:lazybox)
+          end
         end
       end
     end

data/lib/lazybox/version.rb

@@ -1,3 +1,3 @@
 module Lazybox
-  VERSION = '1.1.1'
+  VERSION = '1.1.2'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lazybox
 version: !ruby/object:Gem::Version
-  version: 1.1.1
+  version: 1.1.2
 platform: ruby
 authors:
 - Alex Galushka
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-23 00:00:00.000000000 Z
+date: 2015-01-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jquery-rails
@@ -58,7 +58,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.5
 signing_key: 
 specification_version: 4
 summary: Use LazyBox for popup windows with Rails