photoswipe-rails 4.0.8a
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 +7 -0
- data/LICENSE +21 -0
- data/README.md +31 -0
- data/Rakefile +58 -0
- data/app/assets/images/photoswipe/default-skin/default-skin.png +0 -0
- data/app/assets/images/photoswipe/default-skin/default-skin.svg +1 -0
- data/app/assets/images/photoswipe/default-skin/preloader.gif +0 -0
- data/app/assets/javascripts/photoswipe/index.js +2 -0
- data/app/assets/javascripts/photoswipe/photoswipe-ui-default.js +860 -0
- data/app/assets/javascripts/photoswipe/photoswipe.js +3698 -0
- data/app/assets/stylesheets/photoswipe/default-skin/default-skin.scss +483 -0
- data/app/assets/stylesheets/photoswipe/index.scss +4 -0
- data/app/assets/stylesheets/photoswipe/photoswipe.scss +180 -0
- data/lib/photoswipe-rails.rb +5 -0
- data/lib/photoswipe-rails/engine.rb +11 -0
- data/lib/photoswipe-rails/version.rb +3 -0
- metadata +89 -0
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
|
2
|
+
/*
|
|
3
|
+
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
|
|
4
|
+
*/
|
|
5
|
+
/* pswp = photoswipe */
|
|
6
|
+
.pswp {
|
|
7
|
+
display: none;
|
|
8
|
+
position: absolute;
|
|
9
|
+
width: 100%;
|
|
10
|
+
height: 100%;
|
|
11
|
+
left: 0;
|
|
12
|
+
top: 0;
|
|
13
|
+
overflow: hidden;
|
|
14
|
+
-ms-touch-action: none;
|
|
15
|
+
touch-action: none;
|
|
16
|
+
z-index: 1500;
|
|
17
|
+
-webkit-text-size-adjust: 100%;
|
|
18
|
+
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
|
|
19
|
+
-webkit-backface-visibility: hidden;
|
|
20
|
+
outline: none; }
|
|
21
|
+
.pswp * {
|
|
22
|
+
-webkit-box-sizing: border-box;
|
|
23
|
+
box-sizing: border-box; }
|
|
24
|
+
.pswp img {
|
|
25
|
+
max-width: none; }
|
|
26
|
+
|
|
27
|
+
/* style is added when JS option showHideOpacity is set to true */
|
|
28
|
+
.pswp--animate_opacity {
|
|
29
|
+
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
|
|
30
|
+
opacity: 0.001;
|
|
31
|
+
will-change: opacity;
|
|
32
|
+
/* for open/close transition */
|
|
33
|
+
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
|
34
|
+
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
|
35
|
+
|
|
36
|
+
.pswp--open {
|
|
37
|
+
display: block; }
|
|
38
|
+
|
|
39
|
+
.pswp--zoom-allowed .pswp__img {
|
|
40
|
+
/* autoprefixer: off */
|
|
41
|
+
cursor: -webkit-zoom-in;
|
|
42
|
+
cursor: -moz-zoom-in;
|
|
43
|
+
cursor: zoom-in; }
|
|
44
|
+
|
|
45
|
+
.pswp--zoomed-in .pswp__img {
|
|
46
|
+
/* autoprefixer: off */
|
|
47
|
+
cursor: -webkit-grab;
|
|
48
|
+
cursor: -moz-grab;
|
|
49
|
+
cursor: grab; }
|
|
50
|
+
|
|
51
|
+
.pswp--dragging .pswp__img {
|
|
52
|
+
/* autoprefixer: off */
|
|
53
|
+
cursor: -webkit-grabbing;
|
|
54
|
+
cursor: -moz-grabbing;
|
|
55
|
+
cursor: grabbing; }
|
|
56
|
+
|
|
57
|
+
/*
|
|
58
|
+
Background is added as a separate element.
|
|
59
|
+
As animating opacity is much faster than animating rgba() background-color.
|
|
60
|
+
*/
|
|
61
|
+
.pswp__bg {
|
|
62
|
+
position: absolute;
|
|
63
|
+
left: 0;
|
|
64
|
+
top: 0;
|
|
65
|
+
width: 100%;
|
|
66
|
+
height: 100%;
|
|
67
|
+
background: #000;
|
|
68
|
+
opacity: 0;
|
|
69
|
+
-webkit-backface-visibility: hidden;
|
|
70
|
+
will-change: opacity; }
|
|
71
|
+
|
|
72
|
+
.pswp__scroll-wrap {
|
|
73
|
+
position: absolute;
|
|
74
|
+
left: 0;
|
|
75
|
+
top: 0;
|
|
76
|
+
width: 100%;
|
|
77
|
+
height: 100%;
|
|
78
|
+
overflow: hidden; }
|
|
79
|
+
|
|
80
|
+
.pswp__container,
|
|
81
|
+
.pswp__zoom-wrap {
|
|
82
|
+
-ms-touch-action: none;
|
|
83
|
+
touch-action: none;
|
|
84
|
+
position: absolute;
|
|
85
|
+
left: 0;
|
|
86
|
+
right: 0;
|
|
87
|
+
top: 0;
|
|
88
|
+
bottom: 0; }
|
|
89
|
+
|
|
90
|
+
/* Prevent selection and tap highlights */
|
|
91
|
+
.pswp__container,
|
|
92
|
+
.pswp__img {
|
|
93
|
+
-webkit-user-select: none;
|
|
94
|
+
-moz-user-select: none;
|
|
95
|
+
-ms-user-select: none;
|
|
96
|
+
user-select: none;
|
|
97
|
+
-webkit-tap-highlight-color: transparent;
|
|
98
|
+
-webkit-touch-callout: none; }
|
|
99
|
+
|
|
100
|
+
.pswp__zoom-wrap {
|
|
101
|
+
position: absolute;
|
|
102
|
+
width: 100%;
|
|
103
|
+
-webkit-transform-origin: left top;
|
|
104
|
+
-ms-transform-origin: left top;
|
|
105
|
+
transform-origin: left top;
|
|
106
|
+
/* for open/close transition */
|
|
107
|
+
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
|
108
|
+
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
|
109
|
+
|
|
110
|
+
.pswp__bg {
|
|
111
|
+
will-change: opacity;
|
|
112
|
+
/* for open/close transition */
|
|
113
|
+
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
|
114
|
+
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
|
115
|
+
|
|
116
|
+
.pswp--animated-in .pswp__bg,
|
|
117
|
+
.pswp--animated-in .pswp__zoom-wrap {
|
|
118
|
+
-webkit-transition: none;
|
|
119
|
+
transition: none; }
|
|
120
|
+
|
|
121
|
+
.pswp__container,
|
|
122
|
+
.pswp__zoom-wrap {
|
|
123
|
+
-webkit-backface-visibility: hidden;
|
|
124
|
+
will-change: transform; }
|
|
125
|
+
|
|
126
|
+
.pswp__item {
|
|
127
|
+
position: absolute;
|
|
128
|
+
left: 0;
|
|
129
|
+
right: 0;
|
|
130
|
+
top: 0;
|
|
131
|
+
bottom: 0;
|
|
132
|
+
overflow: hidden; }
|
|
133
|
+
|
|
134
|
+
.pswp__img {
|
|
135
|
+
position: absolute;
|
|
136
|
+
width: auto;
|
|
137
|
+
height: auto;
|
|
138
|
+
top: 0;
|
|
139
|
+
left: 0;
|
|
140
|
+
-webkit-transition: opacity 0.15s;
|
|
141
|
+
transition: opacity 0.15s; }
|
|
142
|
+
|
|
143
|
+
/*
|
|
144
|
+
stretched thumbnail or div placeholder element (see below)
|
|
145
|
+
style is added to avoid flickering in webkit/blink when layers overlap
|
|
146
|
+
*/
|
|
147
|
+
.pswp__img--placeholder {
|
|
148
|
+
-webkit-backface-visibility: hidden; }
|
|
149
|
+
|
|
150
|
+
/*
|
|
151
|
+
div element that matches size of large image
|
|
152
|
+
large image loads on top of it
|
|
153
|
+
*/
|
|
154
|
+
.pswp__img--placeholder--blank {
|
|
155
|
+
background: #222; }
|
|
156
|
+
|
|
157
|
+
.pswp--ie .pswp__img {
|
|
158
|
+
width: 100% !important;
|
|
159
|
+
height: auto !important;
|
|
160
|
+
left: 0;
|
|
161
|
+
top: 0; }
|
|
162
|
+
|
|
163
|
+
/*
|
|
164
|
+
Error message appears when image is not loaded
|
|
165
|
+
(JS option errorMsg controls markup)
|
|
166
|
+
*/
|
|
167
|
+
.pswp__error-msg {
|
|
168
|
+
position: absolute;
|
|
169
|
+
left: 0;
|
|
170
|
+
top: 50%;
|
|
171
|
+
width: 100%;
|
|
172
|
+
text-align: center;
|
|
173
|
+
font-size: 14px;
|
|
174
|
+
line-height: 16px;
|
|
175
|
+
margin-top: -8px;
|
|
176
|
+
color: #CCC; }
|
|
177
|
+
|
|
178
|
+
.pswp__error-msg a {
|
|
179
|
+
color: #CCC;
|
|
180
|
+
text-decoration: underline; }
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
module PhotoSwipe
|
|
2
|
+
class Engine < ::Rails::Engine
|
|
3
|
+
initializer :assets do |config|
|
|
4
|
+
Rails.application.config.assets.precompile += %w{ photoswipe.js }
|
|
5
|
+
Rails.application.config.assets.precompile += %w{ photoswipe-ui-default.js }
|
|
6
|
+
Rails.application.config.assets.precompile += %w{ photoswipe.scss }
|
|
7
|
+
Rails.application.config.assets.precompile += %w( default-skin/default-skin.scss default-skin/default-skin.png default-skin/default-skin.svg default-skin/preloader.gif )
|
|
8
|
+
Rails.application.config.assets.paths << root.join('app', 'assets')
|
|
9
|
+
end
|
|
10
|
+
end
|
|
11
|
+
end
|
metadata
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: photoswipe-rails
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 4.0.8a
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- Kristaps Karlsons
|
|
8
|
+
- Dmitry Semenov
|
|
9
|
+
autorequire:
|
|
10
|
+
bindir: bin
|
|
11
|
+
cert_chain: []
|
|
12
|
+
date: 2015-05-28 00:00:00.000000000 Z
|
|
13
|
+
dependencies:
|
|
14
|
+
- !ruby/object:Gem::Dependency
|
|
15
|
+
name: bundler
|
|
16
|
+
requirement: !ruby/object:Gem::Requirement
|
|
17
|
+
requirements:
|
|
18
|
+
- - "~>"
|
|
19
|
+
- !ruby/object:Gem::Version
|
|
20
|
+
version: '1.3'
|
|
21
|
+
type: :development
|
|
22
|
+
prerelease: false
|
|
23
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
24
|
+
requirements:
|
|
25
|
+
- - "~>"
|
|
26
|
+
- !ruby/object:Gem::Version
|
|
27
|
+
version: '1.3'
|
|
28
|
+
- !ruby/object:Gem::Dependency
|
|
29
|
+
name: rake
|
|
30
|
+
requirement: !ruby/object:Gem::Requirement
|
|
31
|
+
requirements:
|
|
32
|
+
- - "~>"
|
|
33
|
+
- !ruby/object:Gem::Version
|
|
34
|
+
version: '10'
|
|
35
|
+
type: :development
|
|
36
|
+
prerelease: false
|
|
37
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
38
|
+
requirements:
|
|
39
|
+
- - "~>"
|
|
40
|
+
- !ruby/object:Gem::Version
|
|
41
|
+
version: '10'
|
|
42
|
+
description: A gem to add PhotoSwipe to Rails asset pipeline
|
|
43
|
+
email:
|
|
44
|
+
- kristaps.karlsons@gmail.com
|
|
45
|
+
- diiiimaaaa@gmail.com
|
|
46
|
+
executables: []
|
|
47
|
+
extensions: []
|
|
48
|
+
extra_rdoc_files: []
|
|
49
|
+
files:
|
|
50
|
+
- LICENSE
|
|
51
|
+
- README.md
|
|
52
|
+
- Rakefile
|
|
53
|
+
- app/assets/images/photoswipe/default-skin/default-skin.png
|
|
54
|
+
- app/assets/images/photoswipe/default-skin/default-skin.svg
|
|
55
|
+
- app/assets/images/photoswipe/default-skin/preloader.gif
|
|
56
|
+
- app/assets/javascripts/photoswipe/index.js
|
|
57
|
+
- app/assets/javascripts/photoswipe/photoswipe-ui-default.js
|
|
58
|
+
- app/assets/javascripts/photoswipe/photoswipe.js
|
|
59
|
+
- app/assets/stylesheets/photoswipe/default-skin/default-skin.scss
|
|
60
|
+
- app/assets/stylesheets/photoswipe/index.scss
|
|
61
|
+
- app/assets/stylesheets/photoswipe/photoswipe.scss
|
|
62
|
+
- lib/photoswipe-rails.rb
|
|
63
|
+
- lib/photoswipe-rails/engine.rb
|
|
64
|
+
- lib/photoswipe-rails/version.rb
|
|
65
|
+
homepage: https://github.com/skakri/photoswipe-rails
|
|
66
|
+
licenses:
|
|
67
|
+
- MIT
|
|
68
|
+
metadata: {}
|
|
69
|
+
post_install_message:
|
|
70
|
+
rdoc_options: []
|
|
71
|
+
require_paths:
|
|
72
|
+
- lib
|
|
73
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
74
|
+
requirements:
|
|
75
|
+
- - ">="
|
|
76
|
+
- !ruby/object:Gem::Version
|
|
77
|
+
version: '0'
|
|
78
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
79
|
+
requirements:
|
|
80
|
+
- - ">"
|
|
81
|
+
- !ruby/object:Gem::Version
|
|
82
|
+
version: 1.3.1
|
|
83
|
+
requirements: []
|
|
84
|
+
rubyforge_project:
|
|
85
|
+
rubygems_version: 2.4.6
|
|
86
|
+
signing_key:
|
|
87
|
+
specification_version: 4
|
|
88
|
+
summary: Adds PhotoSwipe to your Rails asset pipeline
|
|
89
|
+
test_files: []
|