croppie_rails 1.1.0 → 1.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +13 -5
  3. data/lib/croppie_rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/croppie.js +1148 -1038
  5. data/vendor/assets/stylesheets/croppie.css +51 -46
  6. metadata +2 -2
data/vendor/assets/stylesheets/croppie.css CHANGED
@@ -1,53 +1,53 @@
1
1
  .croppie-container {
2
- padding: 30px;
2
+ padding: 30px;
3
3
  }
4
4
  .croppie-container .cr-image {
5
- z-index: -1;
6
- position: absolute;
7
- top: 0;
8
- left: 0;
9
- transform-origin: 0 0;
5
+ z-index: -1;
6
+ position: absolute;
7
+ top: 0;
8
+ left: 0;
9
+ transform-origin: 0 0;
10
10
  max-width: none;
11
11
  }
12
12
 
13
13
  .croppie-container .cr-boundary {
14
- position: relative;
15
- overflow: hidden;
16
- margin: 0 auto;
17
- z-index: 1;
14
+ position: relative;
15
+ overflow: hidden;
16
+ margin: 0 auto;
17
+ z-index: 1;
18
18
  }
19
19
 
20
20
  .croppie-container .cr-viewport {
21
- position: absolute;
22
- border: 2px solid #fff;
23
- margin: auto;
24
- top: 0;
25
- bottom: 0;
26
- right: 0;
27
- left: 0;
28
- box-shadow:0 0 0 899px rgba(0, 0, 0, 0.5);
29
- z-index: 0;
21
+ position: absolute;
22
+ border: 2px solid #fff;
23
+ margin: auto;
24
+ top: 0;
25
+ bottom: 0;
26
+ right: 0;
27
+ left: 0;
28
+ box-shadow:0 0 0 899px rgba(0, 0, 0, 0.5);
29
+ z-index: 0;
30
30
  }
31
31
  .croppie-container .cr-vp-circle {
32
- border-radius: 50%;
32
+ border-radius: 50%;
33
33
  }
34
34
  .croppie-container .cr-overlay {
35
- z-index: 1;
36
- position: absolute;
37
- cursor: move;
35
+ z-index: 1;
36
+ position: absolute;
37
+ cursor: move;
38
38
  }
39
39
  .croppie-container .cr-slider-wrap {
40
- width: 75%;
41
- margin: 0 auto;
42
- margin-top: 25px;
43
- text-align: center;
40
+ width: 75%;
41
+ margin: 0 auto;
42
+ margin-top: 25px;
43
+ text-align: center;
44
44
  }
45
45
  .croppie-result {
46
- position: relative;
47
- overflow: hidden;
46
+ position: relative;
47
+ overflow: hidden;
48
48
  }
49
49
  .croppie-result img {
50
- position: absolute;
50
+ position: absolute;
51
51
  }
52
52
 
53
53
  /*************************************/
@@ -140,23 +140,28 @@
140
140
  }
141
141
  /*******************************************/
142
142
 
143
-
144
- /* Just cross hairs for debugging - can be removed upon release */
145
- .croppie-container .cr-viewport.debug:before,
146
- .croppie-container .cr-viewport.debug:after {
147
- background: white;
148
- width: 1px;
149
- height: 1px;
150
- content: '';
143
+ /***********************************/
144
+ /* Rotation Tools */
145
+ /***********************************/
146
+ .cr-rotate-controls {
151
147
  position: absolute;
148
+ bottom: 5px;
149
+ left: 5px;
150
+ z-index: 1;
151
+ }
152
+ .cr-rotate-controls button {
153
+ border: 0;
154
+ background: none;
155
+ }
156
+ .cr-rotate-controls i:before {
157
+ display: inline-block;
158
+ font-style: normal;
159
+ font-weight: 900;
160
+ font-size: 22px;
152
161
  }
153
- .croppie-container .cr-viewport.debug:before {
154
- top: 0;
155
- height: 100%;
156
- left: 50%;
162
+ .cr-rotate-l i:before {
163
+ content: '↺';
157
164
  }
158
- .croppie-container .cr-viewport.debug:after {
159
- top: 50%;
160
- left: 0;
161
- width: 100%;
165
+ .cr-rotate-r i:before {
166
+ content: '↻';
162
167
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: croppie_rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.1.0
4
+ version: 1.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Luiz Picolo
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2016-03-22 00:00:00.000000000 Z
11
+ date: 2016-06-01 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler