sibu 0.7.3 → 0.8.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (118) hide show
  1. checksums.yaml +4 -4
  2. data/MIT-LICENSE +20 -20
  3. data/README.md +38 -38
  4. data/Rakefile +36 -36
  5. data/app/assets/config/sibu_manifest.js +2 -2
  6. data/app/assets/fonts/sibu/Sibu.eot +0 -0
  7. data/app/assets/fonts/sibu/Sibu.svg +13 -13
  8. data/app/assets/fonts/sibu/Sibu.ttf +0 -0
  9. data/app/assets/fonts/sibu/Sibu.woff +0 -0
  10. data/app/assets/javascripts/cropper/cropper.js +3694 -3694
  11. data/app/assets/javascripts/quill/quill.js +11401 -11401
  12. data/app/assets/javascripts/sibu/common.js +6 -6
  13. data/app/assets/javascripts/sibu/sibu.js.erb +155 -177
  14. data/app/assets/javascripts/tabs/van11y-accessible-tab-panel-aria.js +466 -0
  15. data/app/assets/stylesheets/cropper/cropper.css +304 -304
  16. data/app/assets/stylesheets/quill/quill.snow.css +945 -945
  17. data/app/assets/stylesheets/sibu/defaults.scss +336 -284
  18. data/app/assets/stylesheets/sibu/icons.scss +40 -40
  19. data/app/assets/stylesheets/sibu/sibu.css +131 -136
  20. data/app/controllers/sibu/application_controller.rb +14 -14
  21. data/app/controllers/sibu/documents_controller.rb +35 -35
  22. data/app/controllers/sibu/images_controller.rb +78 -78
  23. data/app/controllers/sibu/pages_controller.rb +197 -197
  24. data/app/controllers/sibu/sites_controller.rb +81 -81
  25. data/app/helpers/sibu/application_helper.rb +11 -11
  26. data/app/helpers/sibu/documents_helper.rb +4 -4
  27. data/app/helpers/sibu/images_helper.rb +4 -4
  28. data/app/helpers/sibu/pages_helper.rb +194 -194
  29. data/app/helpers/sibu/sites_helper.rb +23 -23
  30. data/app/jobs/sibu/application_job.rb +4 -4
  31. data/app/mailers/sibu/application_mailer.rb +6 -6
  32. data/app/models/concerns/sibu/document_uploader.rb +8 -8
  33. data/app/models/concerns/sibu/image_uploader.rb +31 -31
  34. data/app/models/concerns/sibu/sections_concern.rb +134 -134
  35. data/app/models/concerns/sibu/style_uploader.rb +1 -1
  36. data/app/models/concerns/sibu/user_concern.rb +8 -8
  37. data/app/models/sibu/application_record.rb +5 -5
  38. data/app/models/sibu/document.rb +16 -16
  39. data/app/models/sibu/dynamic_style.rb +76 -76
  40. data/app/models/sibu/image.rb +19 -19
  41. data/app/models/sibu/page.rb +66 -66
  42. data/app/models/sibu/site.rb +97 -97
  43. data/app/models/sibu/site_template.rb +22 -17
  44. data/app/views/layouts/sibu/application.html.erb +23 -23
  45. data/app/views/layouts/sibu/edit_content.html.erb +262 -255
  46. data/app/views/layouts/sibu/site.html.erb +45 -45
  47. data/app/views/sibu/documents/_form.html.erb +14 -14
  48. data/app/views/sibu/documents/index.html.erb +37 -37
  49. data/app/views/sibu/documents/new.html.erb +12 -12
  50. data/app/views/sibu/images/_edit_form.html.erb +23 -23
  51. data/app/views/sibu/images/_form.html.erb +34 -34
  52. data/app/views/sibu/images/edit.js.erb +2 -2
  53. data/app/views/sibu/images/index.html.erb +13 -13
  54. data/app/views/sibu/images/new.html.erb +12 -12
  55. data/app/views/sibu/images/show.html.erb +2 -2
  56. data/app/views/sibu/pages/_code_edit_panel.html.erb +17 -17
  57. data/app/views/sibu/pages/_element_actions.html.erb +4 -4
  58. data/app/views/sibu/pages/_error_panel.html.erb +4 -4
  59. data/app/views/sibu/pages/_form.html.erb +62 -62
  60. data/app/views/sibu/pages/_group_edit_panel.html.erb +3 -3
  61. data/app/views/sibu/pages/_link_edit_panel.html.erb +50 -50
  62. data/app/views/sibu/pages/_map_edit_panel.html.erb +27 -27
  63. data/app/views/sibu/pages/_media_edit_panel.html.erb +46 -46
  64. data/app/views/sibu/pages/_new_section_panel.html.erb +43 -27
  65. data/app/views/sibu/pages/_paragraph_edit_panel.html.erb +18 -18
  66. data/app/views/sibu/pages/_text_edit_panel.html.erb +19 -19
  67. data/app/views/sibu/pages/child_element.js.erb +6 -6
  68. data/app/views/sibu/pages/clone_element.js.erb +6 -6
  69. data/app/views/sibu/pages/create_section.js.erb +6 -6
  70. data/app/views/sibu/pages/delete_element.js.erb +6 -6
  71. data/app/views/sibu/pages/delete_section.js.erb +6 -6
  72. data/app/views/sibu/pages/destroy.html.erb +2 -2
  73. data/app/views/sibu/pages/edit.html.erb +8 -8
  74. data/app/views/sibu/pages/edit_content.html.erb +3 -3
  75. data/app/views/sibu/pages/edit_element.js.erb +100 -100
  76. data/app/views/sibu/pages/edit_section.js.erb +7 -7
  77. data/app/views/sibu/pages/index.html.erb +40 -40
  78. data/app/views/sibu/pages/new.html.erb +8 -8
  79. data/app/views/sibu/pages/new_section.js.erb +19 -18
  80. data/app/views/sibu/pages/show.html.erb +3 -3
  81. data/app/views/sibu/pages/update.html.erb +2 -2
  82. data/app/views/sibu/pages/update_element.js.erb +5 -5
  83. data/app/views/sibu/pages/update_section.js.erb +5 -5
  84. data/app/views/sibu/sites/_form.html.erb +125 -125
  85. data/app/views/sibu/sites/destroy.html.erb +2 -2
  86. data/app/views/sibu/sites/edit.html.erb +9 -9
  87. data/app/views/sibu/sites/edit_styles.html.erb +8 -8
  88. data/app/views/sibu/sites/index.html.erb +41 -41
  89. data/app/views/sibu/sites/new.html.erb +18 -18
  90. data/app/views/sibu/sites/update.html.erb +2 -2
  91. data/config/initializers/constants.rb +2 -2
  92. data/config/initializers/shrine.rb +18 -18
  93. data/config/routes.rb +30 -30
  94. data/config/tinymce.yml +5 -5
  95. data/db/migrate/20180124095041_create_sibu_sites.rb +12 -12
  96. data/db/migrate/20180124095213_create_sibu_pages.rb +15 -15
  97. data/db/migrate/20180124145030_create_sibu_site_templates.rb +10 -10
  98. data/db/migrate/20180125231638_add_user_id_to_sites.rb +5 -5
  99. data/db/migrate/20180126114522_rename_url_to_path_in_pages.rb +5 -5
  100. data/db/migrate/20180126114628_add_domain_to_sites.rb +5 -5
  101. data/db/migrate/20180127211533_create_sibu_images.rb +11 -11
  102. data/db/migrate/20180208082317_rename_images_user_id_to_site_id.rb +5 -5
  103. data/db/migrate/20180208125024_rename_image_data_column.rb +5 -5
  104. data/db/migrate/20180210181644_add_defaults_to_site_templates.rb +6 -6
  105. data/db/migrate/20180214134653_add_fields_to_sites.rb +5 -5
  106. data/db/migrate/20180227151519_add_default_templates_to_site_templates.rb +5 -5
  107. data/db/migrate/20180301121902_add_style_data_to_sites.rb +5 -5
  108. data/db/migrate/20180301152101_add_default_styles_to_templates.rb +5 -5
  109. data/db/migrate/20180321144021_move_images_to_user_level.rb +7 -7
  110. data/db/migrate/20180321170310_add_version_to_sibu_sites.rb +7 -7
  111. data/db/migrate/20180405095448_create_sibu_documents.rb +10 -10
  112. data/db/migrate/20190110204854_add_custom_data_to_sibu_pages.rb +5 -5
  113. data/lib/sibu.rb +4 -4
  114. data/lib/sibu/engine.rb +19 -19
  115. data/lib/sibu/utils.rb +14 -14
  116. data/lib/sibu/version.rb +3 -3
  117. data/lib/tasks/sibu_tasks.rake +4 -4
  118. metadata +4 -3
@@ -1,305 +1,305 @@
1
- /*!
2
- * Cropper.js v1.3.3
3
- * https://github.com/fengyuanchen/cropperjs
4
- *
5
- * Copyright (c) 2015-2018 Chen Fengyuan
6
- * Released under the MIT license
7
- *
8
- * Date: 2018-03-18T03:19:07.619Z
9
- */
10
-
11
- .cropper-container {
12
- direction: ltr;
13
- font-size: 0;
14
- line-height: 0;
15
- position: relative;
16
- -ms-touch-action: none;
17
- touch-action: none;
18
- -webkit-user-select: none;
19
- -moz-user-select: none;
20
- -ms-user-select: none;
21
- user-select: none;
22
- }
23
-
24
- .cropper-container img {/*Avoid margin top issue (Occur only when margin-top <= -height)
25
- */
26
- display: block;
27
- height: 100%;
28
- image-orientation: 0deg;
29
- max-height: none !important;
30
- max-width: none !important;
31
- min-height: 0 !important;
32
- min-width: 0 !important;
33
- width: 100%;
34
- }
35
-
36
- .cropper-wrap-box,
37
- .cropper-canvas,
38
- .cropper-drag-box,
39
- .cropper-crop-box,
40
- .cropper-modal {
41
- bottom: 0;
42
- left: 0;
43
- position: absolute;
44
- right: 0;
45
- top: 0;
46
- }
47
-
48
- .cropper-wrap-box,
49
- .cropper-canvas {
50
- overflow: hidden;
51
- }
52
-
53
- .cropper-drag-box {
54
- background-color: #fff;
55
- opacity: 0;
56
- }
57
-
58
- .cropper-modal {
59
- background-color: #000;
60
- opacity: .5;
61
- }
62
-
63
- .cropper-view-box {
64
- display: block;
65
- height: 100%;
66
- outline-color: rgba(51, 153, 255, 0.75);
67
- outline: 1px solid #39f;
68
- overflow: hidden;
69
- width: 100%;
70
- }
71
-
72
- .cropper-dashed {
73
- border: 0 dashed #eee;
74
- display: block;
75
- opacity: .5;
76
- position: absolute;
77
- }
78
-
79
- .cropper-dashed.dashed-h {
80
- border-bottom-width: 1px;
81
- border-top-width: 1px;
82
- height: 33.33333%;
83
- left: 0;
84
- top: 33.33333%;
85
- width: 100%;
86
- }
87
-
88
- .cropper-dashed.dashed-v {
89
- border-left-width: 1px;
90
- border-right-width: 1px;
91
- height: 100%;
92
- left: 33.33333%;
93
- top: 0;
94
- width: 33.33333%;
95
- }
96
-
97
- .cropper-center {
98
- display: block;
99
- height: 0;
100
- left: 50%;
101
- opacity: .75;
102
- position: absolute;
103
- top: 50%;
104
- width: 0;
105
- }
106
-
107
- .cropper-center:before,
108
- .cropper-center:after {
109
- background-color: #eee;
110
- content: ' ';
111
- display: block;
112
- position: absolute;
113
- }
114
-
115
- .cropper-center:before {
116
- height: 1px;
117
- left: -3px;
118
- top: 0;
119
- width: 7px;
120
- }
121
-
122
- .cropper-center:after {
123
- height: 7px;
124
- left: 0;
125
- top: -3px;
126
- width: 1px;
127
- }
128
-
129
- .cropper-face,
130
- .cropper-line,
131
- .cropper-point {
132
- display: block;
133
- height: 100%;
134
- opacity: .1;
135
- position: absolute;
136
- width: 100%;
137
- }
138
-
139
- .cropper-face {
140
- background-color: #fff;
141
- left: 0;
142
- top: 0;
143
- }
144
-
145
- .cropper-line {
146
- background-color: #39f;
147
- }
148
-
149
- .cropper-line.line-e {
150
- cursor: ew-resize;
151
- right: -3px;
152
- top: 0;
153
- width: 5px;
154
- }
155
-
156
- .cropper-line.line-n {
157
- cursor: ns-resize;
158
- height: 5px;
159
- left: 0;
160
- top: -3px;
161
- }
162
-
163
- .cropper-line.line-w {
164
- cursor: ew-resize;
165
- left: -3px;
166
- top: 0;
167
- width: 5px;
168
- }
169
-
170
- .cropper-line.line-s {
171
- bottom: -3px;
172
- cursor: ns-resize;
173
- height: 5px;
174
- left: 0;
175
- }
176
-
177
- .cropper-point {
178
- background-color: #39f;
179
- height: 5px;
180
- opacity: .75;
181
- width: 5px;
182
- }
183
-
184
- .cropper-point.point-e {
185
- cursor: ew-resize;
186
- margin-top: -3px;
187
- right: -3px;
188
- top: 50%;
189
- }
190
-
191
- .cropper-point.point-n {
192
- cursor: ns-resize;
193
- left: 50%;
194
- margin-left: -3px;
195
- top: -3px;
196
- }
197
-
198
- .cropper-point.point-w {
199
- cursor: ew-resize;
200
- left: -3px;
201
- margin-top: -3px;
202
- top: 50%;
203
- }
204
-
205
- .cropper-point.point-s {
206
- bottom: -3px;
207
- cursor: s-resize;
208
- left: 50%;
209
- margin-left: -3px;
210
- }
211
-
212
- .cropper-point.point-ne {
213
- cursor: nesw-resize;
214
- right: -3px;
215
- top: -3px;
216
- }
217
-
218
- .cropper-point.point-nw {
219
- cursor: nwse-resize;
220
- left: -3px;
221
- top: -3px;
222
- }
223
-
224
- .cropper-point.point-sw {
225
- bottom: -3px;
226
- cursor: nesw-resize;
227
- left: -3px;
228
- }
229
-
230
- .cropper-point.point-se {
231
- bottom: -3px;
232
- cursor: nwse-resize;
233
- height: 20px;
234
- opacity: 1;
235
- right: -3px;
236
- width: 20px;
237
- }
238
-
239
- @media (min-width: 768px) {
240
- .cropper-point.point-se {
241
- height: 15px;
242
- width: 15px;
243
- }
244
- }
245
-
246
- @media (min-width: 992px) {
247
- .cropper-point.point-se {
248
- height: 10px;
249
- width: 10px;
250
- }
251
- }
252
-
253
- @media (min-width: 1200px) {
254
- .cropper-point.point-se {
255
- height: 5px;
256
- opacity: .75;
257
- width: 5px;
258
- }
259
- }
260
-
261
- .cropper-point.point-se:before {
262
- background-color: #39f;
263
- bottom: -50%;
264
- content: ' ';
265
- display: block;
266
- height: 200%;
267
- opacity: 0;
268
- position: absolute;
269
- right: -50%;
270
- width: 200%;
271
- }
272
-
273
- .cropper-invisible {
274
- opacity: 0;
275
- }
276
-
277
- .cropper-bg {
278
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
279
- }
280
-
281
- .cropper-hide {
282
- display: block;
283
- height: 0;
284
- position: absolute;
285
- width: 0;
286
- }
287
-
288
- .cropper-hidden {
289
- display: none !important;
290
- }
291
-
292
- .cropper-move {
293
- cursor: move;
294
- }
295
-
296
- .cropper-crop {
297
- cursor: crosshair;
298
- }
299
-
300
- .cropper-disabled .cropper-drag-box,
301
- .cropper-disabled .cropper-face,
302
- .cropper-disabled .cropper-line,
303
- .cropper-disabled .cropper-point {
304
- cursor: not-allowed;
1
+ /*!
2
+ * Cropper.js v1.3.3
3
+ * https://github.com/fengyuanchen/cropperjs
4
+ *
5
+ * Copyright (c) 2015-2018 Chen Fengyuan
6
+ * Released under the MIT license
7
+ *
8
+ * Date: 2018-03-18T03:19:07.619Z
9
+ */
10
+
11
+ .cropper-container {
12
+ direction: ltr;
13
+ font-size: 0;
14
+ line-height: 0;
15
+ position: relative;
16
+ -ms-touch-action: none;
17
+ touch-action: none;
18
+ -webkit-user-select: none;
19
+ -moz-user-select: none;
20
+ -ms-user-select: none;
21
+ user-select: none;
22
+ }
23
+
24
+ .cropper-container img {/*Avoid margin top issue (Occur only when margin-top <= -height)
25
+ */
26
+ display: block;
27
+ height: 100%;
28
+ image-orientation: 0deg;
29
+ max-height: none !important;
30
+ max-width: none !important;
31
+ min-height: 0 !important;
32
+ min-width: 0 !important;
33
+ width: 100%;
34
+ }
35
+
36
+ .cropper-wrap-box,
37
+ .cropper-canvas,
38
+ .cropper-drag-box,
39
+ .cropper-crop-box,
40
+ .cropper-modal {
41
+ bottom: 0;
42
+ left: 0;
43
+ position: absolute;
44
+ right: 0;
45
+ top: 0;
46
+ }
47
+
48
+ .cropper-wrap-box,
49
+ .cropper-canvas {
50
+ overflow: hidden;
51
+ }
52
+
53
+ .cropper-drag-box {
54
+ background-color: #fff;
55
+ opacity: 0;
56
+ }
57
+
58
+ .cropper-modal {
59
+ background-color: #000;
60
+ opacity: .5;
61
+ }
62
+
63
+ .cropper-view-box {
64
+ display: block;
65
+ height: 100%;
66
+ outline-color: rgba(51, 153, 255, 0.75);
67
+ outline: 1px solid #39f;
68
+ overflow: hidden;
69
+ width: 100%;
70
+ }
71
+
72
+ .cropper-dashed {
73
+ border: 0 dashed #eee;
74
+ display: block;
75
+ opacity: .5;
76
+ position: absolute;
77
+ }
78
+
79
+ .cropper-dashed.dashed-h {
80
+ border-bottom-width: 1px;
81
+ border-top-width: 1px;
82
+ height: 33.33333%;
83
+ left: 0;
84
+ top: 33.33333%;
85
+ width: 100%;
86
+ }
87
+
88
+ .cropper-dashed.dashed-v {
89
+ border-left-width: 1px;
90
+ border-right-width: 1px;
91
+ height: 100%;
92
+ left: 33.33333%;
93
+ top: 0;
94
+ width: 33.33333%;
95
+ }
96
+
97
+ .cropper-center {
98
+ display: block;
99
+ height: 0;
100
+ left: 50%;
101
+ opacity: .75;
102
+ position: absolute;
103
+ top: 50%;
104
+ width: 0;
105
+ }
106
+
107
+ .cropper-center:before,
108
+ .cropper-center:after {
109
+ background-color: #eee;
110
+ content: ' ';
111
+ display: block;
112
+ position: absolute;
113
+ }
114
+
115
+ .cropper-center:before {
116
+ height: 1px;
117
+ left: -3px;
118
+ top: 0;
119
+ width: 7px;
120
+ }
121
+
122
+ .cropper-center:after {
123
+ height: 7px;
124
+ left: 0;
125
+ top: -3px;
126
+ width: 1px;
127
+ }
128
+
129
+ .cropper-face,
130
+ .cropper-line,
131
+ .cropper-point {
132
+ display: block;
133
+ height: 100%;
134
+ opacity: .1;
135
+ position: absolute;
136
+ width: 100%;
137
+ }
138
+
139
+ .cropper-face {
140
+ background-color: #fff;
141
+ left: 0;
142
+ top: 0;
143
+ }
144
+
145
+ .cropper-line {
146
+ background-color: #39f;
147
+ }
148
+
149
+ .cropper-line.line-e {
150
+ cursor: ew-resize;
151
+ right: -3px;
152
+ top: 0;
153
+ width: 5px;
154
+ }
155
+
156
+ .cropper-line.line-n {
157
+ cursor: ns-resize;
158
+ height: 5px;
159
+ left: 0;
160
+ top: -3px;
161
+ }
162
+
163
+ .cropper-line.line-w {
164
+ cursor: ew-resize;
165
+ left: -3px;
166
+ top: 0;
167
+ width: 5px;
168
+ }
169
+
170
+ .cropper-line.line-s {
171
+ bottom: -3px;
172
+ cursor: ns-resize;
173
+ height: 5px;
174
+ left: 0;
175
+ }
176
+
177
+ .cropper-point {
178
+ background-color: #39f;
179
+ height: 5px;
180
+ opacity: .75;
181
+ width: 5px;
182
+ }
183
+
184
+ .cropper-point.point-e {
185
+ cursor: ew-resize;
186
+ margin-top: -3px;
187
+ right: -3px;
188
+ top: 50%;
189
+ }
190
+
191
+ .cropper-point.point-n {
192
+ cursor: ns-resize;
193
+ left: 50%;
194
+ margin-left: -3px;
195
+ top: -3px;
196
+ }
197
+
198
+ .cropper-point.point-w {
199
+ cursor: ew-resize;
200
+ left: -3px;
201
+ margin-top: -3px;
202
+ top: 50%;
203
+ }
204
+
205
+ .cropper-point.point-s {
206
+ bottom: -3px;
207
+ cursor: s-resize;
208
+ left: 50%;
209
+ margin-left: -3px;
210
+ }
211
+
212
+ .cropper-point.point-ne {
213
+ cursor: nesw-resize;
214
+ right: -3px;
215
+ top: -3px;
216
+ }
217
+
218
+ .cropper-point.point-nw {
219
+ cursor: nwse-resize;
220
+ left: -3px;
221
+ top: -3px;
222
+ }
223
+
224
+ .cropper-point.point-sw {
225
+ bottom: -3px;
226
+ cursor: nesw-resize;
227
+ left: -3px;
228
+ }
229
+
230
+ .cropper-point.point-se {
231
+ bottom: -3px;
232
+ cursor: nwse-resize;
233
+ height: 20px;
234
+ opacity: 1;
235
+ right: -3px;
236
+ width: 20px;
237
+ }
238
+
239
+ @media (min-width: 768px) {
240
+ .cropper-point.point-se {
241
+ height: 15px;
242
+ width: 15px;
243
+ }
244
+ }
245
+
246
+ @media (min-width: 992px) {
247
+ .cropper-point.point-se {
248
+ height: 10px;
249
+ width: 10px;
250
+ }
251
+ }
252
+
253
+ @media (min-width: 1200px) {
254
+ .cropper-point.point-se {
255
+ height: 5px;
256
+ opacity: .75;
257
+ width: 5px;
258
+ }
259
+ }
260
+
261
+ .cropper-point.point-se:before {
262
+ background-color: #39f;
263
+ bottom: -50%;
264
+ content: ' ';
265
+ display: block;
266
+ height: 200%;
267
+ opacity: 0;
268
+ position: absolute;
269
+ right: -50%;
270
+ width: 200%;
271
+ }
272
+
273
+ .cropper-invisible {
274
+ opacity: 0;
275
+ }
276
+
277
+ .cropper-bg {
278
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
279
+ }
280
+
281
+ .cropper-hide {
282
+ display: block;
283
+ height: 0;
284
+ position: absolute;
285
+ width: 0;
286
+ }
287
+
288
+ .cropper-hidden {
289
+ display: none !important;
290
+ }
291
+
292
+ .cropper-move {
293
+ cursor: move;
294
+ }
295
+
296
+ .cropper-crop {
297
+ cursor: crosshair;
298
+ }
299
+
300
+ .cropper-disabled .cropper-drag-box,
301
+ .cropper-disabled .cropper-face,
302
+ .cropper-disabled .cropper-line,
303
+ .cropper-disabled .cropper-point {
304
+ cursor: not-allowed;
305
305
  }