lighter_box 0.5.0 → 0.6.0
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 +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
|