lighter_box 0.5.0 → 0.6.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/README.md +8 -0
- data/lib/assets/stylesheets/lighter_box.sass +6 -0
- data/lib/lighter_box/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 4c7d1d8b7058710fb1fcb3cac16652aee0614c5b
|
|
4
|
+
data.tar.gz: 65f798ccb827b31873a527589d157f3e8e4d7b41
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ae303737b0dacb24acdb220ed9f7ea831f128afba0d3f7dc08c7dd252c1cc9cd61d98f1d66d25825991c4d3827a2e7d9f51fc0905b3b95687e8bbb3673736ecf
|
|
7
|
+
data.tar.gz: c7dae0e12b0a492f8ec5cf6cfb6ecd2b52c769e3049b81bb793f3dc9da1ebc8a0ba4a2ee0abf2ff1207c49e6c2836ca549ae0d6f25c47a781981c8e5eae08496
|
data/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
# v0.6.0
|
|
2
|
+
* Add ability to customize the z-index value for lightbox and backdrop (via Sass variable `$lighter-box-z-index`).
|
|
3
|
+
* Fix border radius on close button (set by user agent stylesheets e.g. in Chrome).
|
|
4
|
+
|
|
1
5
|
# v0.5.0
|
|
2
6
|
* Option `data-lightbox-href` can now also be used for image lightboxes.
|
|
3
7
|
|
data/README.md
CHANGED
|
@@ -72,3 +72,11 @@ The following events will be triggered on the lightbox modal element:
|
|
|
72
72
|
* `lighter-box-will-hide`: Before the lightbox elements (modal, container and backdrop) are removed from the DOM.
|
|
73
73
|
|
|
74
74
|
Event handlers will get passed the lightbox instance as second parameter (after the event object).
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
### Styling
|
|
78
|
+
|
|
79
|
+
Depending on your site’s CSS you may need specify a custom `z-index` value for lightbox and backdrop. Set `$lighter-box-z-index` to an appropriate value before importing the styles.
|
|
80
|
+
|
|
81
|
+
There are some more variables that can be customized, see `lib/assets/stylesheets/lighter_box.sass` for a full list.
|
|
82
|
+
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
$lighter-box-z-index: null !default
|
|
1
2
|
$lighter-box-margin: 24px !default
|
|
2
3
|
$lighter-box-padding: 24px !default
|
|
3
4
|
$lighter-box-fullscreen-breakpoint: 479px !default
|
|
@@ -23,6 +24,8 @@ $lighter-box-fullscreen-navbar-height: 30px !default
|
|
|
23
24
|
width: 100vw
|
|
24
25
|
height: 100vh
|
|
25
26
|
background: rgba(0, 0, 0, 0.6)
|
|
27
|
+
@if $lighter-box-z-index
|
|
28
|
+
z-index: $lighter-box-z-index
|
|
26
29
|
|
|
27
30
|
.lighter-box-container
|
|
28
31
|
position: fixed
|
|
@@ -33,6 +36,8 @@ $lighter-box-fullscreen-navbar-height: 30px !default
|
|
|
33
36
|
display: flex
|
|
34
37
|
align-items: center
|
|
35
38
|
justify-content: center
|
|
39
|
+
@if $lighter-box-z-index
|
|
40
|
+
z-index: #{$lighter-box-z-index + 1}
|
|
36
41
|
|
|
37
42
|
.lighter-box-modal
|
|
38
43
|
position: relative
|
|
@@ -72,6 +77,7 @@ $lighter-box-fullscreen-navbar-height: 30px !default
|
|
|
72
77
|
right: 0px
|
|
73
78
|
box-sizing: border-box
|
|
74
79
|
border: none
|
|
80
|
+
border-radius: 0
|
|
75
81
|
padding: 0
|
|
76
82
|
|
|
77
83
|
.lighter-box-prev-link
|
data/lib/lighter_box/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: lighter_box
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.6.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Stefan Daschek
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-
|
|
11
|
+
date: 2017-11-19 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: coffee-script
|